List CSS
contrast()
contrast()The contrast() CSS function adjusts the contrast of the input image. Its result is a <filter-function>.Syntaxcontrast(amount) Parameters amount The contrast of the result, spe..
<counter>
counter() The counter() CSS function returns a string representing the current value of the named counter, if there is one. It is generally used in the content property of pseudo-elements, but can..
counter-increment
counter-incrementThe counter-increment CSS property increases or decreases the value of a CSS counter by a given value. Note: The counter's value can be reset to an arbitrary number using the count..
counter-reset
counter-reset The counter-reset CSS property resets a CSS counter to a given value. This property will create a new counter or reversed counter with the given name on the specified element. No..
counter-set
counter-setThe counter-set CSS property sets a CSS counter to a given value. It manipulates the value of existing counters, and will only create new counters if there isn't already a counter of the gi..
@counter-style
@counter-styleThe @counter-style CSS at-rule lets you define counter styles that are not part of the predefined set of styles. A @counter-style rule defines how to convert a counter value into a strin..
counters()
counters()The counters() CSS function enables nested counters, returning a concatenated string representing the current values of the named counters, if there are any. The counters() function has two ..
cross-fade()
cross-fade() The cross-fade() CSS function can be used to blend two or more images at a defined transparency. It can be used for many simple image manipulations, such as tinting an image with a so..
cubic-bezier()
<easing-function>The <easing-function> CSS data type denotes a mathematical function that describes the rate at which a numerical value changes. This transition between two values may be a..
::cue
::cueThe ::cue CSS pseudo-element matches WebVTT cues within a selected element. This can be used to style captions and other cues in media with VTT tracks. ::cue { color: yellow; font-weight: bol..
::cue-region
::cue-regionExperimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The ::cue-region CSS pseudo-element matches WebVTT cues wit..
:current
:currentThe :current CSS pseudo-class selector is a time-dimensional pseudo-class that represents the element, or an ancestor of the element, that is currently being displayed. For example in a video ..
cursor
cursorThe cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element. The cursor setting should inform users of the mouse operations that can be performed ..
<custom-ident>
<custom-ident>The <custom-ident> CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to..
length#cap
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
length#ch
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
length#cm
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
angle#deg
<angle>The <angle> CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, in <gradient>s and in some transform functions...
:default
:defaultThe :default CSS pseudo-class selects form elements that are the default in a group of related elements. What this selector matches is defined in HTML Standard §4.16.3 Pseudo-classes — it m..
:defined
:definedThe :defined CSS pseudo-class represents any element that has been defined. This includes any standard element built in to the browser, and custom elements that have been successfully defined ..
descent-override (@font-face)
descent-overrideThe descent-override CSS descriptor defines the descent metric for the font. The descent metric is the height below the baseline that CSS uses to lay out line boxes in an inline format..
<dimension>
<dimension>The <dimension> CSS data type represents a <number> with a unit attached to it, for example 10px. CSS uses dimensions to specify distances (<length>), durations (<..
:dir
:dir()The :dir() CSS pseudo-class matches elements based on the directionality of the text contained in them. /* Selects any element with right-to-left text */ :dir(rtl) { background-color: red; } ..
direction
directionThe direction CSS property sets the direction of text, table columns, and horizontal overflow. Use rtl for languages written from right to left (like Hebrew or Arabic), and ltr for those writ..
:disabled
:disabledThe :disabled CSS pseudo-class represents any disabled element. An element is disabled if it can't be activated (selected, clicked on, typed into, etc.) or accept focus. The element also has ..
display
displayThe display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex. Formally, the display property ..
<display-box>
<display-box>These keywords define whether an element generates display boxes at all.SyntaxValid <display-box> values: contents These elements don't produce a specific box by the..
<display-inside>
<display-inside>These keywords specify the element's inner display type, which defines the type of formatting context that lays out its contents (assuming it is a non-replaced element). These ke..
<display-internal>
<display-internal>Some layout models such as table and ruby have a complex internal structure, with several different roles that their children and descendants can fill. This page defines those ..
<display-legacy>
<display-legacy>CSS 2 used a single-keyword syntax for the display property, requiring separate keywords for block-level and inline-level variants of the same layout mode. This page details thos..
<display-listitem>
<display-listitem>The list-item keyword causes the element to generate a ::marker pseudo-element with the content specified by its list-style properties (for example a bullet point) together wit..
<display-outside>
<display-outside>The <display-outside> keywords specify the element's outer display type, which is essentially its role in flow layout. These keywords are used as values of the display pro..
drop-shadow()
drop-shadow()The drop-shadow() CSS function applies a drop shadow effect to the input image. Its result is a <filter-function>. A drop shadow is effectively a blurred, offset version of the inpu..
resolution#dpcm
<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..
resolution#dpi
<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..
resolution#dppx
<resolution>The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution. On screens, the units are..
element()
element()Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production. The element() CSS function defines an <image> value gene..
ellipse()
<basic-shape>The <basic-shape> CSS data type represents a shape used in the clip-path, shape-outside, and offset-path properties.SyntaxThe <basic-shape> data type is defined with one..
:empty
:emptyThe :empty CSS pseudo-class represents any element that has no children. Children can be either element nodes or text (including whitespace). Comments, processing instructions, and CSS content d..
empty-cells
empty-cellsThe empty-cells CSS property sets whether borders and backgrounds appear around <table> cells that have no visible content. This property has an effect only when the border-collapse p..
:enabled
:enabledThe :enabled CSS pseudo-class represents any enabled element. An element is enabled if it can be activated (selected, clicked on, typed into, etc.) or accept focus. The element also has a disa..
env()
env()The env() CSS function can be used to insert the value of a user agent-defined environment variable into your CSS, in a similar fashion to the var() function and custom properties. The difference..
length#em
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
length#ex
<length>The <length> CSS data type represents a distance value. Lengths can be used in numerous CSS properties, such as width, height, margin, padding, border-width, font-size, and text-sh..
fallback (@counter-style)
fallbackThe fallback descriptor can be used to specify a counter style to fall back to if the current counter style cannot create a marker representation for a particular counter value.Syntax/* Keywor..
filter
filterThe filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. Included in the C..
<filter-function>
<filter-function>The <filter-function> CSS data type represents a graphical effect that can change the appearance of an input image. It is used in the filter and backdrop-filter properties..
:first
:firstThe :first CSS pseudo-class, used with the @page at-rule, represents the first page of a printed document. (See :first-child for general first element of a node.) /* Selects the first page when ..
:first-child
:first-childThe :first-child CSS pseudo-class represents the first element among a group of sibling elements. /* Selects any <p> that is the first element among its siblings */ p:first-child ..
::first-letter (:first-letter)
::first-letter (:first-letter)The ::first-letter CSS pseudo-element applies styles to the first letter of the first line of a block-level element, but only when not preceded by other content (such as ..