List CSS
@ornaments
@font-feature-valuesThe @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your ..
orientation (@viewport)
@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..
order
orderThe order CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order value and then by their source code order.Syntax/* <int..
:optional
:optionalThe :optional CSS pseudo-class represents any <input>, <select>, or <textarea> element that does not have the required attribute set on it. /* Selects any optional <input..
opacity()
opacity()The opacity() CSS function applies transparency to the samples in the input image. Its result is a <filter-function>. Note: This function is similar to the more established opacity p..
opacity
opacityThe opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.Syntaxopacity: 0.9 opacity: 90% ..
:only-of-type
:only-of-typeThe :only-of-type CSS pseudo-class represents an element that has no siblings of the same type. /* Selects each <p>, but only if it is the */ /* only <p> element inside its pa..
:only-child
:only-childThe :only-child CSS pseudo-class represents an element without any siblings. This is the same as :first-child:last-child or :nth-child(1):nth-last-child(1), but with a lower specificity. /*..
offset-rotate
offset-rotateThe offset-rotate CSS property defines the orientation/direction of the element as it is positioned along the offset-path. Note: Early versions of the spec called this property motion-..
offset-position
offset-positionExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The offset-position CSS property defines the initial pos..
offset-path
offset-pathThe offset-path CSS property specifies a motion path for an element to follow and defines the element's positioning within the parent container or SVG coordinate system.Syntax/* Default */ ..
offset-distance
offset-distanceThe offset-distance CSS property specifies a position along an offset-path for an element to be placed.Syntax/* Default value */ offset-distance: 0; /* the middle of the offset-path */..
offset-anchor
offset-anchorThe offset-anchor CSS property specifies the point inside the box of an element travelling along an offset-path that is actually moving along the path.Syntax/* Keyword values */ offset-an..
offset
offsetThe offset CSS shorthand property sets all the properties required for animating an element along a defined path. Note: Early versions of the spec called this property motion. Constituent pro..
object-position
object-positionThe object-position CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced elem..
object-fit
object-fitThe object-fit CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container. You can alter the alignment of the re..
<number>
<number>The <number> CSS data type represents a number, being either an integer or a number with a fractional component.SyntaxThe syntax of <number> extends the syntax of <integer..
:nth-of-type
:nth-of-type()The :nth-of-type() CSS pseudo-class matches elements based on their position among siblings of the same type (tag name). /* Selects every fourth <p> element among any group of s..
:nth-last-of-type
:nth-last-of-type()The :nth-last-of-type() CSS pseudo-class matches elements based on their position among siblings of the same type (tag name), counting from the end. /* Selects every fourth <p>..
:nth-last-col
:nth-last-colExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The :nth-last-col() CSS pseudo-class is designed for table..
:nth-last-child
:nth-last-child()The :nth-last-child() CSS pseudo-class matches elements based on their position among a group of siblings, counting from the end. /* Selects every fourth element among any group of..
:nth-col
:nth-colExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The :nth-col() CSS pseudo-class is designed for tables and grid..
:nth-child
:nth-child()The :nth-child() CSS pseudo-class matches elements based on their position among a group of siblings. /* Selects the second <li> element in a list */ li:nth-child(2) { color: lime;..
:not
:not()The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is known as the negation pseudo-class. /* Selects ..
negative (@counter-style)
negativeWhen defining custom counter styles, the negative descriptor lets you alter the representations of negative counter values, by providing a way to specify symbols to be appended or prepended to..
@namespace
@namespace@namespace is an at-rule that defines XML namespaces to be used in a CSS style sheet.Syntax/* Default namespace */ @namespace url(XML-namespace-URL); @namespace "XML-namespace-URL"; /* Pref..
time#ms
<time>The <time> CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation, transition, and related properties.SyntaxThe <time> data type co..
mix-blend-mode
mix-blend-modeThe mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background.Syntax/* Keyword values */ mix-blend-mode..
minmax()
minmax()The minmax() CSS function defines a size range greater than or equal to min and less than or equal to max. It is used with CSS Grids.Syntax/* <inflexible-breadth>, <track-breadth> ..
min-zoom (@viewport)
@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..
min-width (@viewport)
@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..
min-width
min-widthThe min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-width. The element's w..
min-inline-size
min-inline-sizeThe min-inline-size CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-..
min-height (@viewport)
@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..
min-height
min-heightThe min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height. The elemen..
min-block-size
min-block-sizeThe min-block-size CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-he..
min()
min()The min() CSS function lets you set the smallest (most negative) value from a list of comma-separated expressions as the value of a CSS property value. The min() function can be used anywhere a &..
@media
@mediaThe @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document..
max-zoom (@viewport)
@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..
max-width (@viewport)
@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..
max-width
max-widthThe max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width. max-width overrid..
max-inline-size
max-inline-sizeThe max-inline-size CSS property defines the horizontal or vertical maximum size of an element's block, depending on its writing mode. It corresponds to either the max-width or the max-..
max-height (@viewport)
@viewportDeprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of bein..
max-height
max-heightThe max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height. max-height ..
max-block-size
max-block-sizeThe max-block-size CSS property specifies the maximum size of an element in the direction opposite that of the writing direction as specified by writing-mode. That is, if the writing dir..
max()
max()The max() CSS function lets you set the largest (most positive) value from a list of comma-separated expressions as the value of a CSS property value. The max() function can be used anywhere a &l..
matrix3d()
matrix3d() The matrix3d() CSS function defines a 3D transformation as a 4x4 homogeneous matrix. Its result is a <transform-function> data type. SyntaxThe matrix3d() function is specified wit..
matrix()
matrix() The matrix() CSS function defines a homogeneous 2D transformation matrix. Its result is a <transform-function> data type. Note: matrix(a, b, c, d, tx, ty) is a shorthand fo..
math-style
math-styleThe math-style property indicates whether MathML equations should render with normal or compact height.Syntax/* Keyword values */ math-style: normal; math-style: compact; /* Global values *..
masonry-auto-flow
masonry-auto-flowExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The masonry-auto-flow CSS property modifies how items ..
