List CSS
: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 ..
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..
: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; } ..
<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 (<..
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..
: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 ..
: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..
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...
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..
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#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..
<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..
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 ..
: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 ..
::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..
::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..
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..
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..
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 ..
@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..
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-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-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>
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..
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..
content-visibility
content-visibilityThe content-visibility CSS property controls whether or not an element renders its contents at all, along with forcing a strong set of containments, allowing user agents to potential..
content
contentThe content CSS property replaces an element with a generated value. Objects inserted using the content property are anonymous replaced elements. /* Keywords that cannot be combined with other ..
contain
containThe contain CSS property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. This allows the browser to recalcu..
conic-gradient()
conic-gradient()The conic-gradient() CSS function creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center). Example conic ..
columns
columnsThe columns CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.Constituent propertiesThis property is a shorthand for ..
column-width
column-widthThe column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the colu..
column-span
column-spanThe column-span CSS property makes it possible for an element to span across all columns when its value is set to all. /* Keyword values */ column-span: none; column-span: all; /* Global v..
column-rule-width
column-rule-widthThe column-rule-width CSS property sets the width of the line drawn between columns in a multi-column layout.Syntax/* Keyword values */ column-rule-width: thin; column-rule-width: med..
column-rule-style
column-rule-styleThe column-rule-style CSS property sets the style of the line drawn between columns in a multi-column layout.Syntax/* <'border-style'> values */ column-rule-style: none; column-..
column-rule-color
column-rule-colorThe column-rule-color CSS property sets the color of the line drawn between columns in a multi-column layout.Syntax/* <color> values */ column-rule-color: red; column-rule-color..
column-rule
column-ruleThe column-rule shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout. It is a shorthand property that sets the individual colum..
column-gap
column-gap (grid-column-gap)The column-gap CSS property sets the size of the gap (gutter) between an element's columns. Initially a part of Multi-column Layout, the definition of column-gap has been b..
column-fill
column-fillThe column-fill CSS property controls how an element's contents are balanced when broken into columns.Syntax/* Keyword values */ column-fill: auto; column-fill: balance; column-fill: balanc..
column-count
column-countThe column-count CSS property breaks an element's content into the specified number of columns.Syntax/* Keyword value */ column-count: auto; /* <integer> value */ column-count: 3; ..
color-scheme
color-schemeThe color-scheme CSS property allows an element to indicate which color schemes it can comfortably be rendered in. Common choices for operating system color schemes are "light" and "dark",..
color-adjust
print-color-adjust The print-color-adjust CSS property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device. By default, the browser is allo..
color
colorThe color CSS property sets the foreground color value of an element's text and text decorations, and sets the <currentcolor> value. currentcolor may be used as an indirect value on other p..
<color>
<color> The <color> CSS data type represents a color. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its backgroun..
clip-path
clip-pathThe clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.Syntax/* Key..
clip
clipThe clip CSS property defines a visible portion of an element. The clip property applies only to absolutely positioned elements — that is, elements with position:absolute or position:fixed. /* K..
clear
clearThe clear CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear property applies to floating and non-floating elements. When applied to n..
clamp()
clamp()The clamp() CSS function clamps a value between an upper and lower bound. clamp() enables selecting a middle value within a range of values between a defined minimum and maximum. It takes three..
circle()
<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..
:checked
:checkedThe :checked CSS pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">), or option (<option> in a <select>) element that ..
@charset
@charsetThe @charset CSS at-rule specifies the character encoding used in the style sheet. It must be the first element in the style sheet and not be preceded by any character; as it is not a nested s..
