CSS Reference
The table below lists of all CSS reference:
| Property | Description |
|---|---|
| --* (Custom Property) | Specifies a value that can be used in other declarations using the var() function. |
| ! (Important) | Specifies that a style takes precedence over any different, conflicting styles. |
| @charset | Specifies the character encoding used in the style sheet. |
| @counter-style | Define counter styles that are not part of the predefined set of styles. |
| @font-face | Used to associate a font name to be used in a style sheet with some downloadable font. |
| @import | Define style rules for multiple media types in a single embedded style sheet. |
| @keyframes | Specifies the animation code. |
| @layer | Used to declare a cascade layer and can also be used to define the order of precedence in case of multiple cascade layers. |
| @media | Define style rules for multiple media types in a single embedded style sheet. |
| @namespace | Defines XML namespaces to be used in a CSS style sheet. |
| @page | Used to modify some CSS properties when printing a document. |
| @supports | Specify CSS declarations that depend on a browser's support for CSS features. |
| @viewport | Configure the viewport through which the document is viewed. |
| accent-color | Specifies the accent color for user-interface controls generated by some elements. |
| align-content | Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. |
| align-items | Sets the align-self value on all direct children as a group. |
| align-self | Specifies the default alignment for items within the flex container. |
| all | Resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. |
| animation | A shorthand property for all the animation-* properties. |
| animation-delay | Define a delay before an animation starts. |
| animation-direction | Sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward. |
| animation-duration | Define the time it takes one iteration of an animation to play. |
| animation-fill-mode | Sets how a CSS animation applies styles to its target before and after its execution. |
| animation-iteration-count | Define the number of times an animation should play. |
| animation-name | Define the animations that should be run. |
| animation-play-state | Sets whether an animation is running or paused. |
| animation-timing-function | Sets how an animation progresses through the duration of each cycle. |
| aspect-ratio | Sets a preferred aspect ratio for the box, which will be used in the calculation of auto sizes and some other layout functions. |
| backdrop-filter | Defines a graphical effect to the area behind an element. |
| backface-visibility | Sets whether or not the back face of an element should be visible when facing the user. |
| background | A shorthand property for all the background-* properties. |
| background-attachment | Sets whether a background image's position is fixed within the viewport, or scrolls with its containing block. |
| background-blend-mode | Sets how an element's background images should blend with each other and with the element's background color. |
| background-clip | Sets whether an element's background extends underneath its border box, padding box, or content box. |
| background-color | Sets an element’s background color. |
| background-image | Specifies one or more background images for an element. |
| background-origin | Sets the background's origin: from the border start, inside the border, or inside the padding. |
| background-position | Sets the initial position for each background image. |
| background-position-x | Specifies the initial horizontal position for each background image. |
| background-position-y | Specifies the initial vertical position for each background image. |
| background-repeat | Sets how background images are repeated. |
| background-size | Sets the size of the element's background image. |
| block-size | Specifies the horizontal or vertical size of an element's block, depending on its writing mode. |
| border | Defines in a shorthand form the border-color, border-style and border-width for all four sides of an element’s border. |
| border-block | Shorthand property for setting the individual logical block border property |
| border-block-color | Defines the color of the logical block borders of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. |
| border-block-end | Shorthand property for setting the individual logical block-end border property values in a single place in the style sheet. |
| border-block-end-color | Specifies the color of the logical block-end border of an element. |
| border-block-end-style | Specifies the style of the logical block end borders of an element. |
| border-block-end-width | Specifies the width of the logical block end borders of an element. |
| border-block-start | Shorthand property for setting the individual logical block-start border. |
| border-block-start-color | Specifies the color of the logical block-start border of an element. |
| border-block-start-style | Specifies the style of the logical block start borders of an element. |
| border-block-start-width | Specifies the width of the logical block start borders of an element. |
| border-block-style | Specifies the style of the logical block borders of an element. |
| border-block-width | Specifies the width of the logical block borders of an element. |
| border-bottom | A shorthand property for border-bottom-width, border-bottom-style and border-bottom-color. |
| border-bottom-color | Defines the color of an element’s bottom border. |
| border-bottom-left-radius | Defines the radius of the border of the bottom-left corner. |
| border-bottom-right-radius | Defines the radius of the border of the bottom-right corner. |
| border-bottom-style | Sets the line style of an element's bottom border. |
| border-bottom-width | Sets the width of the bottom border of an element. |
| border-collapse | sets whether cells inside a <table> have shared or separate borders. |
| border-color | A shorthand property for setting the individual border color properties. |
| border-image | Sets the distance by which an element's border image is set out from its border box. |
| border-inline | Shorthand property for setting the individual logical inline border. |
| border-inline-color | Defines the color of the logical inline borders of an element. |
| border-inline-end | Shorthand property for setting the individual logical inline-end border. |
| border-inline-end-color | Specifies the color of the logical inline-end border of an element. |
| border-inline-end-style | Specifies the style of the logical inline end borders of an element. |
| border-inline-end-width | Specifies the width of the logical inline end borders of an element. |
| border-inline-start | Shorthand property for setting the individual logical inline-start border. |
| border-inline-start-color | Specifies the color of the logical inline-start border of an element. |
| border-inline-start-style | Specifies the style of the logical inline start borders of an element. |
| border-inline-start-width | Specifies the width of the logical inline start borders of an element. |
| border-inline-style | Specifies the style of the logical inline borders of an element. |
| border-inline-width | Specifies the width of the logical inline borders of an element. |
| border-image-outset | Sets the distance by which an element's border image is set out from its border box. |
| border-image-repeat | Defines how the edge regions of a source image are adjusted to fit the dimensions of an element's border image. |
| border-image-slice | Divides the image specified by border-image-source into regions. |
| border-image-source | Sets the source image used to create an element's border image. |
| border-image-width | Specifies the width of an element's border image. |
| border-left | A shorthand property for all the border-left-* properties. |
| border-left-color | Defines the color of an element’s left border. |
| border-left-style | Defines the style for the left border of an element. |
| border-left-width | sets the width of an element’s left border. |
| border-radius | A shorthand property for the four border-*-radius properties. |
| border-right | A shorthand property for all the border-right-* properties. |
| border-right-color | Defines the color of an element’s right border. |
| border-right-style | Defines the style for the right border of an element. |
| border-right-width | Sets the width of an element’s right border. |
| border-spacing | Defines the space between cells in a table. |
| border-start-end-radius | Specifies a logical border radius on an element. |
| border-start-start-radius | Specifies a logical border radius on an element. |
| border-style | Defines the visual style of up to four different sides of a border. |
| border-top | A shorthand property for border-top-width, border-top-style and border-top-color. |
| border-top-color | Defines the color of an element’s top border. |
| border-top-left-radius | Defines the radius of the border of the top-left corner. |
| border-top-right-radius | Defines the radius of the border of the top-right corner. |
| border-top-style | Sets the line style of an element's top border. |
| border-top-width | Sets the width of the top border of an element. |
| border-width | Sets the width of an element’s complete border. |
| bottom | Sets the elements position, from the bottom of its parent element. |
| box-decoration-break | Specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages. |
| box-shadow | Adds shadow effects around an element's frame. |
| box-sizing | Sets how the total width and height of an element is calculated. |
| break-after | Sets how page, column, or region breaks should behave after a generated box. |
| break-before | Sets how page, column, or region breaks should behave before a generated box. |
| break-inside | Sets how page, column, or region breaks should behave inside a generated box. |
| caption-side | Specifies the position of a caption element within a <table> tag. |
| caret-color | Sets the color of the insertion caret, the visible marker where the next character typed will be inserted. |
| clear | Specifies the placement of an element in relation to floating objects. |
| clip | Sets the coordinates of the clipping shape that exposes or hides the content of absolutely positioned elements. |
| color | Sets the foreground color of an element’s text content. |
| color-scheme | Indicate which color schemes it can comfortably be rendered in |
| column-count | Defines the number of columns in a multicolumn text flow. |
| column-fill | Specifies how to fill columns, balanced or not. |
| column-gap | Defines the gap between columns in a multicolumn text flow. |
| column-rule | A shorthand property for all the column-rule-* properties |
| column-rule-color | Defines the color of any rules between columns in a multicolumn text flow. |
| column-rule-style | Defines the style of the divider rule between columns in a multicolumn text flow. |
| column-rule-width | Defines the width of a rule between columns in a multicolumn text flow. |
| column-span | Specifies how many columns an element should span across. |
| column-width | Defines the width of each column in a multicolumn text flow. |
| columns | A shorthand property for column-width and column-count. |
| contain | Specifies that an element and its contents are, as much as possible, independent from the rest of the document tree. |
| contain-intrinsic-block-size | Defines the block size of an element that a browser can use for layout when the element is subject to size containment. |
| contain-intrinsic-height | Sets the height of an element that a browser can use for layout when the element is subject to size containment. |
| contain-intrinsic-inline-size | Defines the inline-size of an element that a browser can use for layout when the element is subject to size containment. |
| contain-intrinsic-size | Sets the size of an element that a browser will use for layout when the element is subject to size containment. |
| contain-intrinsic-width | Sets the width of an element that a browser will use for layout when the element is subject to size containment. |
| content | Used with the :before and :after pseudo-elements, to insert generated content. |
| content-visibility | Controls whether or not an element renders its contents at all. |
| counter-increment | Increases or decreases the value of a CSS counter by a given value. |
| counter-reset | Resets a CSS counter to a given value. |
| counter-set | Sets a CSS counter to a given value. |
| cursor | Sets the mouse cursor, if any, to show when the mouse pointer is over an element. |
| direction | Specifies the text direction/writing direction. |
| display | Specifies an element’s display type and can override an element’s defined presentation. |
| empty-cells | sets whether borders and backgrounds appear around <table> cells that have no visible content. |
| fallback | Specify a counter style to fall back to if the current counter style cannot create a marker representation for a particular counter value. |
| filter | Defines effects on an element before the element is displayed. |
| flex | Sets how a flex item will grow or shrink to fit the space available in its flex container. |
| flex-basis | Sets the initial main size of a flex item. |
| flex-direction | Sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed). |
| flex-flow | A shorthand property for the flex-direction and the flex-wrap properties. |
| flex-grow | Specifies the flex grow factor of a flex item's main size. |
| flex-shrink | Sets the flex shrink factor of a flex item. |
| flex-wrap | Sets whether flex items are forced onto one line or can wrap onto multiple lines. |
| float | Sets whether an element should float to the left, right, or not at all. |
| font | A shorthand property for the font-style, font-variant, font-weight, font-size/line-height, and the font-family properties. |
| font-family | Sets the font face to be used for text. |
| font-feature-settings | Controls advanced typographic features in OpenType fonts. |
| font-kerning | Controls the usage of the kerning information (how letters are spaced) |
| font-language-override | Controls the use of language-specific glyphs in a typeface. |
| font-optical-sizing | Sets whether text rendering is optimized for viewing at different sizes. |
| font-size | Sets the font size of text. |
| font-size-adjust | Sets the size of lower-case letters relative to the current font size. |
| font-stretch | Selects a normal, condensed, or expanded face from a font family. |
| font-style | Sets the font style for text. |
| font-synthesis | Controls which missing typefaces, bold, italic, or small-caps, may be synthesized by the browser. |
| font-variant | Sets a variation of the specified or default font family. |
| font-variant-alternates | Controls the usage of alternate glyphs. |
| font-variant-caps | Controls the usage of alternate glyphs for capital letters. |
| font-variant-east-asian | Controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese. |
| font-variant-emoji | Specifies the default presentation style for displaying emojis. |
| font-variant-ligatures | Controls which ligatures and contextual forms are used in textual content of the elements it applies to. |
| font-variant-numeric | Controls the usage of alternate glyphs for numbers, fractions, and ordinal markers. |
| font-variant-position | controls the use of alternate, smaller glyphs that are positioned as superscript or subscript. |
| font-variation-settings | Provides low-level control over variable font characteristics |
| font-weight | Sets the weight, or relative boldness, of text. |
| forced-color-adjust | Allows authors to opt certain elements out of forced colors mode. |
| gap | A shorthand property for the row-gap and the column-gap properties. |
| grid | A shorthand property for the grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns, and the grid-auto-flow properties. |
| grid-area | Specifies a grid item's size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area. |
| grid-auto-columns | Specifies the size of an implicitly-created grid column track or pattern of tracks. |
| grid-auto-flow | Specifies how auto-placed items are inserted in the grid. |
| grid-auto-rows | Specifies the size of an implicitly-created grid row track or pattern of tracks. |
| grid-column | A shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. |
| grid-column-end | specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area. |
| grid-column-gap | specifies the size of the gap between the columns in a grid layout. |
| grid-column-start | specifies a grid item's start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. |
| grid-gap | A shorthand property specifies a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area. |
| grid-row | A shorthand specifies the size of an implicitly-created grid row track or pattern of tracks. |
| grid-row-end | Specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area. |
| grid-row-gap | specifies the size of the gap between the rows in a grid layout. |
| grid-row-start | Specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area. |
| grid-template | A shorthand property for defining grid columns, rows, and areas. |
| grid-template-areas | Specifies named grid areas, establishing the cells in the grid and assigning them names. |
| grid-template-columns | Defines the line names and track sizing functions of the grid columns. |
| grid-template-rows | Defines the line names and track sizing functions of the grid rows. |
| hanging-punctuation | Specifies whether a punctuation mark should hang at the start or end of a line of text. |
| height | Sets the height of an element’s content region. |
| hyphens | Specifies how words should be hyphenated when text wraps across multiple lines. |
| image-orientation | Specifies a layout-independent correction to the orientation of an image. |
| image-rendering | Sets an image scaling algorithm. |
| inline-size | Defines the horizontal or vertical size of an element's block, depending on its writing mode. |
| inset | Shorthand corresponds to the top, right, bottom, and/or left properties. |
| inset-block | Defines the logical block start and end offsets of an element. |
| inset-block-end | Defines the logical block end offset of an element. |
| inset-block-start | Defines the logical block start offset of an element. |
| inset-inline | Defines the logical start and end offsets of an element in the inline direction. |
| inset-inline-end | Defines the logical inline end inset of an element. |
| inset-inline-start | Defines the logical inline start inset of an element. |
| isolation | Determines whether an element must create a new stacking context. |
| justify-content | Specifies the alignment between the items inside a flexible container when the items do not use all available space. |
| justify-items | sets the way of justifying each box along the appropriate axis. |
| justify-self | Sets the way a box is justified inside its alignment container along the appropriate axis. |
| left | Defines the x (horizontal) coordinate for a positioned element, relative to the left side of the containing element or browser window. |
| letter-spacing | Sets the amount of spacing between letters. |
| line-break | Sets how to break lines of Chinese, Japanese, or Korean (CJK) text when working with punctuation and symbols. |
| line-height | Sets the height (leading) between lines of text in a block-level element such as a paragraph. |
| list-style | Sets all the properties for a list in one declaration. |
| list-style-image | Assigns a graphic image to a list item. |
| list-style-position | specifies whether the labels for an element’s list items are positioned inside or outside the “box” defined by the listed item. |
| list-style-type | Defines labels for a list of items. |
| margin | Sets a consistent margin on all four sides of the affected element. |
| margin-block | Defines the logical block start and end margins of an element. |
| margin-block-end | Defines the logical block end margin of an element. |
| margin-block-start | Defines the logical block start margin of an element. |
| margin-bottom | Sets an element’s bottom margin. |
| margin-inline | Defines both the logical inline start and end margins of an element. |
| margin-inline-end | Defines the logical inline end margin of an element. |
| margin-inline-start | Defines the logical inline start margin of an element. |
| margin-left | Sets an element’s left margin. |
| margin-right | Sets an element’s right margin. |
| margin-top | Sets an element’s top margin. |
| mask | Hides an element (partially or fully) by masking or clipping the image at specific points. |
| mask-border | Create a mask along the edge of an element's border. |
| mask-border-mode | Specifies the blending mode used in a mask-border. |
| mask-border-outset | Specifies the distance by which an element's mask-border is set out from its border box. |
| mask-border-repeat | Sets how the edge regions of a source image are adjusted to fit the dimensions of an element's mask-border. |
| mask-border-slice | Divides the image set by mask-border-source into regions. |
| mask-border-source | Sets the source image used to create an element's mask-border. |
| mask-border-width | Sets the width of an element's mask-border. |
| mask-clip | Sets the mask area. |
| mask-composite | Represents a compositing operation used on the current mask layer with the mask layers below it. |
| mask-image | Sets the image that is used as mask layer for an element. |
| mask-mode | Sets whether the mask reference defined by mask-image is treated as a luminance or alpha mask. |
| mask-origin | Sets the origin of a mask. |
| mask-position | Sets the initial position, relative to the mask position layer set by mask-origin, for each defined mask image. |
| mask-repeat | Sets how mask images are repeated. |
| mask-size | Specifies the sizes of the mask images. |
| mask-type | |
| max-block-size | Specifies the maximum size of an element. |
| max-height | Defines the maximum height a region may expand to if it is relatively sized. |
| max-inline-size | Defines the horizontal or vertical maximum size of an element's block. |
| max-width | Defines the maximum width a region may expand to if it is relatively sized. |
| min-block-size | Defines the minimum horizontal or vertical size of an element's block. |
| min-height | Defines the minimum height a region may reduce to if it is relatively sized and the browser window is adjusted. |
| min-inline-size | Defines the horizontal or vertical minimal size of an element's block. |
| min-width | Defines the minimum width a region may reduce to if it is relatively sized and the browser window is adjusted. |
| mix-blend-mode | Sets how an element's content should blend with the content of the element's parent and the element's background. |
| object-fit | Sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container. |
| object-position | Specifies the alignment of the selected replaced element's contents within the element's box. |
| offset | Sets all the properties required for animating an element along a defined path. |
| offset-anchor | Specifies the point inside the box of an element traveling along an offset-path that is actually moving along the path. |
| offset-distance | Specifies a position along an offset-path for an element to be place. |
| offset-path | Specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system. |
| offset-position | Defines the initial position of the offset-path. |
| offset-rotate | Defines the orientation/direction of the element as it is positioned along the offset-path. |
| opacity | Sets the opacity of an element. |
| order | Sets the order to lay out an item in a flex or grid container. |
| orphans | Defines the minimum number of lines of a paragraph that must be left at the bottom of a page. |
| outline | A shorthand form that sets all outline properties at once. |
| outline-color | Sets the color of an element’s outline. |
| outline-offset | Defines a offset for an element’s outline. |
| outline-style | Defines a style for an element’s outline. |
| outline-width | Defines a width for an element’s outline. |
| overflow | Specifies what happens if content overflows an element's box. |
| overflow-anchor | Provides a way to opt out of the browser's scroll anchoring behavior, which adjusts scroll position to minimize content shifts. |
| overflow-block | Sets what shows when content overflows the block start and block end edges of a box. |
| overflow-clip-margin | Determines how far outside its bounds an element with overflow: clip; may be painted before being clipped. |
| overflow-inline | Sets what shows when content overflows the inline start and end edges of a box. |
| overflow-wrap | Specifies whether or not the browser can break lines with long words, if they overflow the container. |
| overflow-x | Sets what shows when content overflows a block-level element's left and right edges. |
| overflow-y | Sets what shows when content overflows a block-level element's top and bottom edges. |
| overscroll-behavior | Sets what a browser does when reaching the boundary of a scrolling area. |
| overscroll-behavior-block | Sets the browser's behavior when the block direction boundary of a scrolling area is reached. |
| overscroll-behavior-inline | Sets the browser's behavior when the inline direction boundary of a scrolling area is reached. |
| overscroll-behavior-x | Sets the browser's behavior when the horizontal boundary of a scrolling area is reached. |
| overscroll-behavior-y | Sets the browser's behavior when the vertical boundary of a scrolling area is reached. |
| padding | Sets the space between an element’s border and its content. |
| padding-block | Defines the logical block start and end padding of an element. |
| padding-block-end | Defines the logical block end padding of an element. |
| padding-block-start | Defines the logical block start padding of an element. |
| padding-bottom | Sets the distance between an element’s bottom border and the bottom of its contained content. |
| padding-inline | Defines the logical inline start and end padding of an element. |
| padding-inline-end | Defines the logical inline end padding of an element. |
| padding-inline-start | Defines the logical inline start padding of an element. |
| padding-left | Sets the distance between an element’s left border and the left edge of its content. |
| padding-right | Sets the distance between an element’s right border and the rightmost edge of its content. |
| padding-top | Sets the distance between an element’s top border and the top of its content. |
| page-break-after | Adjusts page breaks after the current element. |
| page-break-before | Adjusts page breaks before the current element. |
| page-break-inside | Adjusts page breaks inside the current element. |
| paint-order | Control the order in which the fill and stroke (and painting markers) of text content and shapes are drawn. |
| perspective | Determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective. |
| perspective-origin | Determines the position at which the viewer is looking. |
| place-content | Shorthand for align-content and justify-content. |
| place-items | Shorthand for align-items and justify-items. |
| place-self | Shorthand for align-self and justify-self. |
| pointer-events | Sets under what circumstances (if any) a particular graphic element can become the target of pointer events. |
| position | Defines how an element is positioned relative to other elements. |
| print-color-adjust | Sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. |
| quotes | Defines the style of quotation marks to be used with embedded quotations. |
| resize | Sets whether an element is resizable, and if so, in which directions. |
| right | Defines the right position of a positioned element. |
| rotate | Specify rotation transforms individually and independently of the transform property. |
| row-gap | sets the size of the gap (gutter) between an element's rows. |
| ruby-align | Defines the distribution of the different ruby elements over the base. |
| ruby-position | Defines the position of a ruby element relatives to its base element. |
| scale | Specify scale transforms individually and independently of the transform property. |
| scroll-behavior | Sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs. |
| scroll-margin | Sets all of the scroll margins of an element at once, assigning values much like the margin property does for margins of an element. |
| scroll-margin-block | Sets the scroll margins of an element in the block dimension. |
| scroll-margin-block-end | Defines the margin of the scroll snap area at the end of the block dimension that is used for snapping this box to the snapport. |
| scroll-margin-block-start | Defines the margin of the scroll snap area at the start of the block dimension that is used for snapping this box to the snapport. |
| scroll-margin-bottom | Defines the bottom margin of the scroll snap area that is used for snapping this box to the snapport. |
| scroll-margin-inline | Sets the scroll margins of an element in the inline dimension. |
| scroll-margin-inline-end | Defines the margin of the scroll snap area at the end of the inline dimension that is used for snapping this box to the snapport. |
| scroll-margin-inline-start | Defines the margin of the scroll snap area at the start of the inline dimension that is used for snapping this box to the snapport. |
| scroll-margin-left | Defines the left margin of the scroll snap area that is used for snapping this box to the snapport. |
| scroll-margin-right | Defines the right margin of the scroll snap area that is used for snapping this box to the snapport. |
| scroll-margin-top | Defines the top margin of the scroll snap area that is used for snapping this box to the snapport. |
| scroll-padding | Sets scroll padding on all sides of an element at once, much like the padding property does for padding on an element. |
| scroll-padding-block | Sets the scroll padding of an element in the block dimension. |
| scroll-padding-block-end | Defines offsets for the end edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. |
| scroll-padding-block-start | Defines offsets for the start edge in the block dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. |
| scroll-padding-bottom | Defines offsets for the bottom of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. |
| scroll-padding-inline | Sets the scroll padding of an element in the inline dimension. |
| scroll-padding-inline-end | Defines offsets for the end edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. |
| scroll-padding-inline-start | Defines offsets for the start edge in the inline dimension of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. |
| scroll-padding-left | Defines offsets for the left of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. |
| scroll-padding-right | Defines offsets for the right of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. |
| scroll-padding-top | Defines offsets for the top of the optimal viewing region of the scrollport: the region used as the target region for placing things in view of the user. |
| scroll-snap-align | Specifies the box's snap position as an alignment of its snap area. |
| scroll-snap-stop | Defines whether or not the scroll container is allowed to "pass over" possible snap positions. |
| scroll-snap-type | Sets how strictly snap points are enforced on the scroll container in case there is one. |
| shape-image-threshold | Sets the alpha channel threshold used to extract the shape using an image as the value for shape-outside. |
| shape-margin | Sets a margin for a CSS shape created using shape-outside. |
| shape-outside | Defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. |
| tab-size | Defines the width of a tab character. |
| table-layout | Sets the algorithm used to lay out table cells, rows, and columns. |
| text-align | Sets the horizontal alignment of text. |
| text-align-last | Sets how the last line of a block or a line, right before a forced line break, is aligned. |
| text-combine-upright | Sets the combination of characters into the space of a single character. |
| text-decoration | Sets the appearance of decorative lines on text. |
| text-decoration-color | Sets the color of decorations added to text by text-decoration-line. |
| text-decoration-skip-ink | Specifies how overlines and underlines are drawn when they pass over glyph ascenders and descenders. |
| text-decoration-line | Sets the kind of decoration that is used on text in an element, such as an underline or overline. |
| text-decoration-style | Sets the style of the lines specified by text-decoration-line. |
| text-decoration-thickness | Sets the stroke thickness of the decoration line that is used on text in an element, such as a line-through, underline, or overline. |
| text-emphasis | A shorthand for text-emphasis-style and text-emphasis-color. |
| text-emphasis-color | Sets the color of emphasis marks. |
| text-emphasis-position | Sets where emphasis marks are drawn. |
| text-emphasis-style | Sets the appearance of emphasis marks. |
| text-indent | Specifies the indent in the first line of a block-level element. |
| text-justify | Sets what type of justification should be applied to text when text-align: justify; is set on an element. |
| text-orientation | Sets the orientation of the text in a line. |
| text-overflow | Sets how hidden overflow content is signaled to users. |
| text-rendering | Provides information to the rendering engine about what to optimize for when rendering text. |
| text-shadow | Adds shadow to text. |
| text-size-adjust | Controls the text inflation algorithm used on some smartphones and tablets. |
| text-transform | Controls the capitalization of text. |
| text-underline-offset | Sets the offset distance of an underline text decoration line. |
| text-underline-position | Sets the position of the underline which is set using the text-decoration property. |
| top | Defines the top position of a positioned element. |
| touch-action | Sets how an element's region can be manipulated by a touchscreen user. |
| transform | Lets you rotate, scale, skew, or translate an element. |
| transform-origin | Sets the origin for an element's transformations. |
| transform-style | Sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element. |
| transition | A shorthand property for all the transition-* properties. |
| transition-delay | Specifies the duration to wait before starting a property's transition effect when its value changes. |
| transition-duration | Sets the length of time a transition animation should take to complete. |
| transition-property | Sets the CSS properties to which a transition effect should be applied. |
| transition-timing-function | Sets how intermediate values are calculated for CSS properties being affected by a transition effect. |
| translate | |
| unicode-bidi | The text direction to be overridden to support multiple languages and text flow directions in the same document. |
| user-select | Controls whether the user can select text. |
| vertical-align | Sets the vertical positioning of text and images with respect to the baseline setting. |
| visibility | Determines whether or not an element is visible. |
| white-space | Controls how spaces, tabs, and newline characters are handled in an element. |
| widows | Sets the minimum number of lines in a block container that must be shown at the top of a page, region, or column. |
| width | Sets the width of an element’s content region (excluding padding, border, and margin). |
| word-break | Sets whether line breaks appear wherever the text would otherwise overflow its content box. |
| word-spacing | Sets the spacing between words. |
| word-wrap | Sets unbreakable words to be broken and wrap to the next line. |
| writing-mode | Sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks progress. |
| z-index | Defines a layering or stacking context for positioned elements. |