| Tag | Description | CSS examples | Status |
| ::first-letter (:first-letter) | The :first-letter CSS pseudo-element selects the first letter of the first line of a block, if it is not preceded by any other content (such as images or inline tables) on its line. | | |
| ::first-line (:first-line) | The ::first-line CSS pseudo-element applies styles only to the first line of a element. | | |
| :active | The :active pseudo-class matches when an element is being activated by the user. | | |
| :after | ::after | :after creates a pseudo-element that is the last child of the element matched. | | |
| :before | ::before | :before creates a pseudo-element that is the first child of the element matched. | | |
| :default | The :default pseudo-class represents any user interface element that is the default among a group of similar elements. | | |
| :first | The :first page pseudo-class describes the styling of the first page when printing a document. | | |
| :first-child | The :first-child CSS pseudo-class represents any element that is the first child element of its parent. | | |
| :focus | The :focus pseudo-class is applied when a element has received focus, either from the user selecting it with the use of a keyboard or by activating with the mouse (e. | | |
| :hover | The :hover CSS pseudo-class matches when the user designates an element with a pointing device, but does not necessarily activate it. | | |
| :lang | The :lang(language-code pseudo-class matches elements based on the langauge the element is determined to be in. | | |
| :left | The :left page pseudo-class matches any left page when printing a page. | | |
| :link | The :link CSS pseudo-class lets you select links inside elements. | | |
| :visited | The :visited pseudo-class lets you select only links that have been visited. | | |
| @charset | The @charset CSS at-rule specifies the character encoding used in the style sheet. | | |
| @font-face | @font-face allows authors to specify online fonts to display text on their web pages. | | |
| @import | The @import CSS at-rule allows to import style rules from other style sheets. | | |
| @media | The @media CSS conditional group at-rule associates a set of nested statements, in a CSS block, that is delimited by curly braces, with a condition defined by a media query. | | |
| @page | The @page rule is used to modify some CSS properties when printing a document. | | |
| azimuth | Specifies the speaker balance for audio content. | | |
| background | Defines the background properties for an element. | | |
| background-attachment | Specifies whether or not the background image is fixed or scrollable as a user scrolls the document. | | |
| background-color | Specifies the background color for the element. Specify either a color name or RGB color code. | | |
| background-image | Specifies the URL for a background image for an element. | | |
| background-position | Specifies the position of a background image for an element. | | |
| background-repeat | Specifies how a background image repeats for an element. | | |
| background-size | The background-size CSS property specifies the size of the background images. | | |
| border | Defines the border properties for an element. | | |
| border-bottom | Defines the properties for the bottom border for the element. | | |
| border-bottom-color | Specifies the color for a bottom border. Specify either a color name or RGB color code. | | |
| border-bottom-style | Specifies a style for a bottom border. | | |
| border-bottom-width | Specifies the width of the bottom border. | | |
| border-collapse | Specifies whether the borders for an element are collapsed or separated. | | |
| border-color | Specifies the color for the borders for an element. Specify either a color name or RGB color code. | | |
| border-left | Defines the properties for the left border for the element. | | |
| border-left-color | Specifies the color for a left border. Specify either a color name or RGB color code. | | |
| border-left-style | Specifies a style for a left border. | | |
| border-left-width | Specifies the width of the left border. | | |
| border-right | Defines the properties for the right border for the element. | | |
| border-right-color | Specifies the color for a right border. Specify either a color name or RGB color code. | | |
| border-right-style | Specifies a style for a right border. | | |
| border-right-width | Specifies the width of the right border. | | |
| border-spacing | Specifies the number of pixels between the border and its contents. | | |
| border-style | Specifies a style for a border. | | |
| border-top | Defines the properties for the top border for the element. | | |
| border-top-color | Specifies the color for a top border. Specify either a color name or RGB color code. | | |
| border-top-style | Specifies a style for a top border. | | |
| border-top-width | Specifies the width of the top border. | | |
| border-width | Specifies the width of the border. | | |
| bottom | Specifies the y-coordinate for the position of the element relative to the bottom edge of the parent element or browser window. | | |
| caption-side | Specifies the position of a caption for the element. | | |
| clear | Specifies the position of the element relative to a floating object on the page. | | |
| clip | Specifies the x- and y-coordinates (in pixels) for the clipping rectangle around the element. | | |
| clip-path | Initial value
: See The initial clipping path: 'overflow' and 'clip' properties Applies to: all elements Inherited
: no Percentages: n/a Media: visual
Computed value
:
| | |
| color | Specifies the color of the text for the element. Specify either a color name or RGB color code. | | |
| content | Specifies the content to insert before or after the element. | | |
| counter-increment | Specifies a name of a counter and how much to increment the counter by. | | |
| counter-reset | Resets a counter to the specified value. | | |
| cursor | Specifies which cursor to display when a user mouses over the element. | | |
| direction | Specifies the text direction for the element. | | |
| display | Specifies how to display the element. | | |
| empty-cells | Specifies whether to show or hide borders for empty table cells. | | |
| float | Specifies if an element should float towards the left or right margin of its parent element or web browser. | | |
| font | Defines the properties for the font for the element. | | |
| font-family | Specifies the font face for the element. | | |
| font-size | Specifies either the explicit or relative size of the font compared to the base font size. | | |
| font-size-adjust | Specifies the adjustment to make in font size if an explicitly specified font is unavailable. | | |
| font-stretch | Specifies how a font should be condensed or stretched. | | |
| font-style | Specifies a style for a font (e.g. italic). | | |
| font-variant | Specifies a variation for a font (e.g. small-caps). | | |
| font-weight | Specifies the weight of a font (e.g. bold). | | |
| height | Specifies the height (in pixels, points, or as a percentage) of the content of the element. | | |
| left | Specifies the x-coordinate for the position of the element relative to the left edge of the parent element or browser window. | | |
| letter-spacing | Specifies the amount of space (in points or pixels) between letters in the text of the element. | | |
| line-height | Specifies line height of text in multiline elements, such as paragraphs. | | |
| list-style | Defines the properties for the list style for a list element. | | |
| list-style-image | Specifies the URL to an image to use for list items. | | |
| list-style-position | Specifies the position of the bullet or number for a list. | | |
| list-style-type | Specifies the position of the bullet or number for a list. | | |
| margin | Defines the widths (in pixels, points, or a percentage) for the margins for the element. | | |
| margin-bottom | Specifies the width (in pixels, points, or a percentage) for the bottom margin of an element. | | |
| margin-left | Specifies the width (in pixels, points, or a percentage) for the left margin of an element. | | |
| margin-right | Specifies the width (in pixels, points, or a percentage) for the right margin of an element. | | |
| margin-top | Specifies the width (in pixels, points, or a percentage) for the top margin of an element. | | |
| marker-offset | Specifies the width (in pixels or points) between the marker box of an element and the surrounding box of its parent element. | | |
| marks | Specifies if cross or crop marks should appear outside of the element on a printed page. | | |
| max-height | Specifies the maximum height that an element may be. | | |
| max-width | Specifies the maximum width that an element may be. | | |
| min-height | Specifies the minimum height that an element may be. | | |
| min-width | Specifies the minimum width that an element may be. | | |
| orphans | Specifies the minimum number of lines of text that an element must have left at the bottom of a page for printing. | | |
| outline | Defines the properties for an outline drawn over the outer edge of an element. Outlines differ from borders in that borders are drawn to the outside of the element. | | |
| outline-color | Specifies the color for an outline. Specify either a color name or RGB color code. | | |
| outline-style | Specifies a style for an outline. | | |
| outline-width | Specifies the width of the outline. | | |
| overflow | Specifies how to handle content overflow of an element if the content does not fit within the predefined boundaries of the element. | | |
| padding | Specifies the amount of padding space between the content of an element and its border. | | |
| padding-bottom | Specifies the amount of padding (in pixels, points, or a percentage) at the bottom of an element. | | |
| padding-left | Specifies the amount of padding (in pixels, points, or a percentage) for the left side of an element. | | |
| padding-right | Specifies the amount of padding (in pixels, points, or a percentage) for the right side of an element. | | |
| padding-top | Specifies the amount of padding (in pixels, points, or a percentage) at the top of an element. | | |
| page-break-after | Defines the way that a page breaks after the element when the page is printed. | | |
| page-break-before | Defines the way that a page breaks before the element when the page is printed. | | |
| page-break-inside | Specifies if an element should have a page break forced inside of the element or if page breaks should be avoided inside the element when the page is printed. | | |
| pause | Specifies the number of seconds or milliseconds to pause before and/or after an element before playing audio content. | | |
| pause-after | Specifies the number of seconds or milliseconds to pause after an element before playing audio content. | | |
| pause-before | Specifies the number of seconds or milliseconds to pause before an element before playing audio content. | | |
| pitch | Specifies the frequency of a speaking voice for audio content. | | |
| pitch-range | Specifies the range of the pitch of a speaking voice for audio content. | | |
| play-during | Specifies a sound to play while the content of the element is being spoken. | | |
| position | Specifies how the element is positioned relative to the page or other elements. | | |
| quotes | Specifies the style of quotation marks to use for embedded quotes. | | |
| richness | Specifies the richness of the speaking voice for audio content. | | |
| right | Specifies the x-coordinate for the position of the element relative to the right edge of the parent element or browser window. | | |
| size | Specifies the size and orientation of a page for print output. | | |
| speak | Specifies how the content will be rendered as audio content. | | |
| speak-header | For audio content, specifies whether table headers are spoken before every cell or just once until the header changes. | | |
| speak-numeral | For audio content, specifies whether numerals are spoken as individual digits or continuous numbers. | | |
| speak-punctuation | For audio content, specifies whether punctuation characters will be spoken or read as pauses. | | |
| speech-rate | For audio content, specifies the speaking rate. | | |
| stress | For audio content, specifies the number of inflection points in the voice. | | |
| table-layout | Specifies whether the layout of table rows, columns, and cells is fixed. | | |
| text-align | Specifies the horizontal alignment property for the element. | | |
| text-decoration | Specifies a text decoration for the element. | | |
| text-indent | Specifies the amount (in pixels, points, or a percentage) that the first line of text should be indented in a block of content. | | |
| text-transform | Specifies that the text for the element should be converted to the assigned case or format. | | |
| top | Specifies the y-coordinate for the position of the element relative to the top edge of the parent element or browser window. | | |
| unicode-bidi | Specifies that the text direction in the element may be overriden for multi-language support. | | |
| vertical-align | Specifies the vertical alignment property for the element. | | |
| visibility | Specifies whether an element is visible or hidden. | | |
| voice-family | Specifies the speaking voice for audio content. | | |
| volume | Specifies the sound volume for audio content. | | |
| white-space | Specifies how to handle white space characters for the element. | | |
| widows | Specifies the minimum number of lines of text that an element must have left at the top of a page for printing. | | |
| width | Specifies the width (in pixels, points, or as a percentage) of the content of the element. | | |
| word-spacing | Specifies the amount of space between words for the element text. | | |
| z-index | Specifies the stacking order of the element relative to other layers. A higher z-index value will place the element above layers with lower z-index values. | | |