| Tag | Description | CSS3 examples | Status |
| ::selection | The ::selection CSS pseudo-element applies rules to the portion of a document that has been highlighted (e. | | |
| :checked | The :checked pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">) or option (<option>
in a <select>
) element that is checked or toggled to an on state. | | |
| :disabled | The :disabled pseudo-class represents any disabled element. | | |
| :empty | The :empty pseudo-class represents any element that has no children at all. | | |
| :enabled | The :enabled pseudo-class represents any enabled element. | | |
| :first-of-type | The :first-of-type pseudo-class represents the first sibling of the given type in the list of children of its parent element. -prefix | | |
| :indeterminate | The :indeterminate CSS pseudo-class represents any <input type="checkbox"> element whose indeterminate DOM property is set to true by JavaScript. | | |
| :invalid | The :invalid pseudo-class represents any <input>
element whose content fails to validate according to the input's type setting. | | |
| :last-child | The :last-child pseudo-class represents any element that is the last child element of its parent. | | |
| :last-of-type | The :last-of-type CSS pseudo-class represents the last sibling of the given type in the list of children of its parent element. -prefix | | |
| :not() | The negation pseudo-class, :not(X), is a functional notation taking a simple selector X as an argument. | | |
| :nth-child | The :nth-child pseudo-class matches an element that has an+b-1 siblings before it in the document tree, for a given positive or zero value for n, and has a parent element. | | |
| :nth-last-child | The :nth-last-child pseudo-class matches an element that has an+b-1 siblings after it in the document tree, for a given positive or zero value for n, and has a parent element. | | |
| :nth-last-of-type | The :nth-last-of-type pseudo-class matches an element that has an+b-1 siblings with the same element name after it in the document tree, for a given positive or zero value for n, and has a parent element. -prefix | | |
| :nth-of-type | The :nth-of-type pseudo-class matches an element that has an+b-1 siblings with the same element name before it in the document tree, for a given positive or zero value for n, and has a parent element. -prefix | | |
| :only-child | The :only-child pseudo-class represents any element which is the only child of its parent. | | |
| :only-of-type | The :only-of-type pseudo-class represents any element that has no siblings of the given type. -prefix | | |
| :optional | The :optional CSS pseudo-class represents any <input>
element that does not have the
required
attribute set on it. | | |
| :required | The :required CSS pseudo-class represents any <input>
element that has the
required
attribute set on it. | | |
| :right | The :right page pseudo-class matches any right page when printing a page. | | |
| :root | The :root pseudo-class matches the root element of a tree representing the document. | | |
| :valid | The :valid CSS pseudo-class represents any <input>
element whose content validates correctly according to the input's type setting. | | |
| @keyframes | @keyframes lets authors control the intermediate steps in a CSS animation sequence by establishing keyframes (or waypoints) along the animation sequence that must be reached by certain points during the animation. | | |
| accelerator | Specifies whether or not the element has an accelerator key, which is a shortcut for selecting the element. | | |
| angle | The <angle> CSS data type represents angle values. -prefix | | |
| animation | The animation CSS property is a shorthand property for animation-name
, animation-duration
, animation-timing-function
, animation-delay
, animation-iteration-count
and animation-direction
. -prefix | | |
| animation-delay | The animation-delay CSS property specifies when the animation should start. -prefix | | |
| animation-direction | The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles. -prefix | | |
| animation-duration | The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle. -prefix | | |
| animation-fill-mode | The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing. -prefix | | |
| animation-iteration-count | The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping. -prefix | | |
| animation-name | The animation-name CSS property specifies a list of animations that should be applied to the selected element. -prefix | | |
| animation-play-state | The animation-play-state CSS property determines whether an animation is running or paused. -prefix | | |
| animation-timing-function | The animation-timing-function CSS property specifies how a CSS animation should progress over the duration of each cycle. -prefix | | |
| backface-visibility | The backface-visibility CSS property determines whether or not the back face of the element is visible when facing the user. -prefix | | |
| background-clip | The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border. -prefix | | |
| background-origin | The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image
CSS property. -prefix | | |
| background-position-x | Specifies the x-position of a background image for an element. | | |
| background-position-y | Specifies the y-position of a background image for an element. | | |
| border-bottom-left-radius | The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element. | | |
| border-bottom-right-radius | The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element. | | |
| border-image | The border-image CSS property allows drawing an image on the borders of elements. -prefix | | |
| border-image-repeat | The border-image-repeat CSS property defines how the middle part of a border image is handled to match the size of the border. -prefix | | |
| border-image-source | The border-image-source CSS property defines the <image>
to use instead of the style of the border. -prefix | | |
| border-image-width | The border-image-width CSS property defines the offset to use for dividing the border image in nine parts. -prefix | | |
| border-radius | The border-radius CSS property allows Web authors to define how rounded border corners are. | | |
| border-top-left-radius | The border-top-left-radius CSS property sets the rounding of the top-left corner of the element. | | |
| border-top-right-radius | The border-top-right-radius CSS property sets the rounding of the top-right corner of the element. | | |
| box-shadow | The box-shadow CSS property accepts one or more shadow effects as a comma-separated list. | | |
| box-sizing | The box-sizing CSS property is used to alter the default CSS box model used to calculate widths and heights of elements. -prefix | | |
| column-count | The column-count CSS property describes the number of columns of the element. -prefix | | |
| column-fill | The column-fill CSS property controls how contents are partitioned into columns. -prefix | | |
| column-gap | The column-gap CSS property sets the size of the gap between columns for elements which are specified to display as a multi-column element. -prefix | | |
| column-rule | In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column. -prefix | | |
| column-rule-color | The column-rule-color CSS property lets you set the color of the rule drawn between columns in multi-column layouts. -prefix | | |
| column-rule-style | The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts. -prefix | | |
| column-rule-width | The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts. -prefix | | |
| columns | The columns CSS property is a shorthand property allowing to set both the column-width
and the column-count
properties at the same time. -prefix | | |
| column-width | The column-width CSS property suggests an optimal column width. -prefix | | |
| cue | Defines the properties for an aural cue before or after an element. | | |
| cue-after | Defines the properties for an aural cue after an element. | | |
| cue-before | Defines the properties for an aural cue before an element. | | |
| elevation | Specifies the elevation of the element. You can either one of the relative elevations or specify an angle in degrees. | | |
| gradient | The <gradient> CSS data type denotes a CSS <image>
made of a progressive transition between two or more colors. -prefix | | |
| hyphens | The hyphens CSS property tells the browser how to go about splitting words to improve the layout of text when line-wrapping. | | |
| image-rendering | The image-rendering CSS property provides a hint to the user agent about how to handle its image rendering. -prefix | | |
| layout-flow | Specifies the flow direction for the content of the element. | | |
| layout-grid | Defines the set of layout-grid properties for an element. | | |
| layout-grid-char | Specifies the size of a character grid for the content of an element. | | |
| layout-grid-line | Specifies the grid line value for the text content of an element. | | |
| layout-grid-mode | Specifies if the element text layout grid uses the line and/or char mode. | | |
| layout-grid-type | Specifies the type of layout grid for the content of an element. | | |
| line-break | Specifies line-breaking rules for Japanese text. | | |
| opacity | Specifies the transparency of an element. Specify a value between 0.0-1.0. | | |
| outline-offset | The outline-offset CSS property is used to set space between an outline
and the edge or border of an element. -prefix | | |
| overflow-x | Specifies how to handle content overflow of an element if the content is too wide for the element. | | |
| overflow-y | Specifies how to handle content overflow of an element if the content is too tall for the element. | | |
| perspective | The perspective CSS property determines the distance between the z=0 plane and the user in order to give to the 3D-positioned element some perspective. -prefix | | |
| perspective-origin | The perspective-origin CSS property determines the position the viewer is looking at. -prefix | | |
| resize | The resize CSS property lets you control the resizability of an element. | | |
| ruby-align | Specifies the alignment for ruby text. | | |
| ruby-overhang | Specifies the overhang of ruby text. | | |
| ruby-position | Specifies the position of ruby text. | | |
| text-align-last | Specifies the alignment for the last or only line of text for the element. | | |
| text-decoration-color | The text-decoration-color CSS property sets the color used when drawing underlines, overlines, or strike-throughs specified by text-decoration-line
. | | |
| text-decoration-line | The text-decoration-line CSS property sets what kind of line decorations are added to an element. | | |
| text-decoration-style | The text-decoration-style CSS property defines the style of the lines specified by text-decoration-line
. | | |
| text-justify | Specifies the alignment to use to justify the text for the element. | | |
| text-overflow | Specifies whether to use ellipses (...) to indicate text overflow. -prefix | | |
| text-shadow | Defines the horizontal depth, vertical depth, blur, and color for a drop-shadow for text content in the element. | | |
| text-underline-position | Specifies the position of the underline text-decoration. | | |
| transform | The transform CSS property lets you modify the coordinate space of the CSS visual formatting model. -prefix | | |
| transform-origin | The transform-origin CSS property lets you modify the origin for transformations of an element. -prefix | | |
| transform-style | The transform-style CSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element. -prefix | | |
| transition | The transition CSS property is a shorthand property for transition-property
, transition-duration
, transition-timing-function
, and transition-delay
. -prefix | | |
| transition-delay | The transition-delay CSS property specifies the amount of time to wait between a change being requested to a property that is to be transitioned and the start of the transition effect. -prefix | | |
| transition-duration | The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. -prefix | | |
| transition-property | The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied. -prefix | | |
| transition-timing-function | The transition-timing-function CSS property is used to describe how the intermediate values of the CSS properties being affected by a transition effect are calculated. -prefix | | |
| word-break | Specifies line-breaking behavior between words in the content of the element. | | |
| word-wrap | Specifies line-breaking behavior for words that are longer than their container boundaries. | | |
| writing-mode | Specifies the direction and flow of content in the element. | | |