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