List CSS

Total Items found in CSS is 675.
A collection of css elements, selectors and descriptions of what they do.
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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% ..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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. /*..

12:22 am, February 22, 2022
CSS
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-..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 */ ..

12:22 am, February 22, 2022
CSS
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 */..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
&lt;number&gt;

<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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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>..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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..

12:22 am, February 22, 2022
CSS
: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;..

12:22 am, February 22, 2022
CSS
: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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
@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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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> ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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-..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 &..

12:22 am, February 22, 2022
CSS
@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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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-..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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..

12:22 am, February 22, 2022
CSS
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 *..

12:22 am, February 22, 2022
CSS
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 ..

12:22 am, February 22, 2022
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Subscribe to weekly updates about things i have added to the site or thought interesting during the last week.

You could also follow me on twitter or not... does anyone even use twitter anymore?

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote

Please dont do this! 😜


Unknown Web Developer
Random CSS Property

scroll-snap-stop

The scroll-snap-stop CSS property defines whether the scroll container is allowed to "pass over" possible snap positions.
scroll-snap-stop css reference