CSS documentation index

Found 805 pages:

# Page Tags and summary
1 CSS CSS, Design, Landing, Layout, Reference, l10n:priority
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML
2 -moz-appearance (-webkit-appearance, appearance) -moz-appearance, -webkit-appearance, CSS, CSS Property, Reference, appearance
The -moz-appearance CSS property is used in Gecko (Firefox) to display an element using platform-native styling based on the operating system's theme.
3 -moz-binding CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate, Non-standard, Reference, XBL
The -moz-binding CSS property is used by Mozilla-based applications to attach an XBL binding to a DOM element.
4 -moz-border-bottom-colors CSS, CSS Property, Non-standard, Reference
In Mozilla applications like Firefox, the -moz-border-bottom-colors CSS property sets a list of colors for the bottom border.
5 -moz-border-left-colors CSS, CSS Property, Non-standard, Reference
In Mozilla applications like Firefox, the -moz-border-left-colors CSS property sets a list of colors for the left border.
6 -moz-border-right-colors CSS, CSS Property, Non-standard, Reference
In Mozilla applications like Firefox, the -moz-border-right-colors CSS property sets a list of colors for the right border.
7 -moz-border-top-colors CSS, CSS Property, Non-standard, Reference
In Mozilla applications like Firefox, the -moz-border-top-colors CSS property sets a list of colors for the top border.
8 -moz-box-ordinal-group CSS, CSS:Mozilla Extensions, Flexible Box, Non-standard, Reference
Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.
9 -moz-cell CSS, CSS Value, Deprecated, Reference
Don't use this value! Use the cursor value cell instead.
10 -moz-context-properties -moz-context-properties, CSS, Non-standard, Reference
If you reference an SVG image in a webpage (such as with the <img> element or as a background image), the SVG image can coordinate with the embedding element (its context) to have the image adopt property values set on the embedding element. To do this the embedding element needs to list the properties that are to be made available to the image by listing them as values of the -moz-context-properties property, and the image needs to opt in to using those properties by using values such as the context-fill value.
11 -moz-float-edge CSS, CSS Property, CSS:Mozilla Extensions, Layout, NeedsCompatTable, Non-standard
The non-standard -moz-float-edge CSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness.
12 -moz-force-broken-image-icon CSS, NeedsCompatTable, Non-standard, Reference
The -moz-force-broken-image-icon extended CSS property can be used to force the broken image icon to be shown even when a broken image has an alt attribute.
13 -moz-image-rect CSS, CSS Function, Non-standard, Reference
The -moz-image-rect value for CSS background-image lets you use a portion of a larger image as a background. This allows you to, for example, use different parts of one larger image as backgrounds in different parts of your content.
14 -moz-image-region CSS, CSS Property, Non-standard, Reference
For certain XUL elements and pseudo-elements that use an image from the list-style-image property, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance.
15 -moz-orient CSS, CSS Property, Non-standard, Reference
The -moz-orient CSS property specifies the orientation of the element to which it's applied.
16 -moz-outline-radius CSS, CSS Property, Non-standard, Reference
In Mozilla applications like Firefox, the -moz-outline-radius CSS property can be used to give an element's outline rounded corners.
17 -moz-outline-radius-bottomleft CSS, CSS Property, NeedsCompatTable, NeedsContent, Non-standard, Reference
In Mozilla applications, the -moz-outline-radius-bottomleft CSS property can be used to round the bottom-left corner of an element's outline.
18 -moz-outline-radius-bottomright CSS, CSS Property, NeedsCompatTable, NeedsContent, Non-standard, Reference
In Mozilla applications, the -moz-outline-radius-bottomright CSS property can be used to round the bottom-right corner of an element's outline.
19 -moz-outline-radius-topleft CSS, CSS Property, NeedsCompatTable, NeedsContent, Non-standard, Reference
In Mozilla applications, the -moz-outline-radius-topleft CSS property can be used to round the top-left corner of an element's outline.
20 -moz-outline-radius-topright CSS, CSS Property, NeedsCompatTable, NeedsContent, Non-standard, Reference
In Mozilla applications, the -moz-outline-radius-topright CSS property can be used to round the top-right corner of an element's outline.
21 -moz-stack-sizing CSS, CSS Property, NeedsCompatTable, Non-standard, Reference, XUL
-moz-stack-sizing is an extended CSS property. Normally, a stack will change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible.
22 -moz-text-blink CSS, CSS Property, CSS:Mozilla Extensions, Deprecated, Non-standard, Reference
The -moz-text-blink non-standard Mozilla CSS extension specifies the blink mode.
23 -moz-user-focus CSS, CSS:Mozilla Extensions, NeedsBrowserCompatibility, NeedsContent, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -moz-user-focus CSS property is used to indicate whether an element can have the focus.
24 -moz-user-input CSS, CSS Property, CSS:Mozilla Extensions, Non-standard, Reference
In Mozilla applications, -moz-user-input determines if an element will accept user input.
25 -moz-user-modify CSS, Deprecated, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -moz-user-modify property has no effect. It was originally planned to determine whether or not the content of an element can be edited by a user.
26 -moz-window-dragging CSS, CSS Property, Chrome code, Non-standard, Reference, XUL
The -moz-window-dragging CSS property specifies whether a window is draggable or not. It only works in Chrome code, and only on Mac OS X.
27 -moz-window-shadow CSS, CSS Property, NeedsCompatTable, Non-standard, Reference, XUL
The -moz-window-shadow CSS property specifies whether a window will have a shadow. It only works on Mac OS X.
28 -ms-overflow-style CSS, CSS Property, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Reference
-ms-overflow-style is a proprietary CSS property, specific to Internet Explorer and Microsoft Edge, which controls the behavior of scrollbars when an element's content overflows.
29 -webkit-border-before CSS, CSS Property, Non-standard, Reference
The -webkit-border-before CSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet.
30 -webkit-box-reflect CSS, CSS Property, Non-standard, Reference, WebKit
The -webkit-box-reflect CSS property lets you reflect the content of an element in one specific direction.
31 -webkit-mask-attachment CSS, CSS Property, Layout, Non-standard, Reference, Web
If a -webkit-mask-image is specified, -webkit-mask-attachment determines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block.
32 -webkit-mask-box-image CSS, Layout, Non-standard, Reference, Web
-webkit-mask-box-image sets the mask image for an element's border box.
33 -webkit-mask-composite CSS, CSS Masking, CSS Property, Non-standard, Reference
The -webkit-mask-composite property specifies the manner in which multiple mask images applied to the same element are composited with one another.
34 -webkit-mask-position-x CSS, CSS Masking, CSS Property, Non-standard, Reference
The -webkit-mask-position-x CSS property sets the initial horizontal position of a mask image.
35 -webkit-mask-position-y CSS, CSS Masking, CSS Property, Non-standard, Reference
The -webkit-mask-position-y CSS property sets the initial vertical position of a mask image.
36 -webkit-mask-repeat-x CSS, CSS Masking, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -webkit-mask-repeat-x property specifies whether and how a mask image is repeated (tiled) horizontally.
37 -webkit-mask-repeat-y CSS, CSS Masking, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -webkit-mask-repeat-y property specifies whether and how a mask image is repeated (tiled) vertically.
38 -webkit-overflow-scrolling CSS, CSS Property, NeedsBrowserCompatibility, NeedsLiveSample, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for a given element.
39 -webkit-print-color-adjust CSS, CSS Property, Layout, Non-standard, Web
The -webkit-print-color-adjust property is a non-standard CSS extension that can be used to force printing of background colors and images in browsers based on the WebKit engine.
40 -webkit-tap-highlight-color CSS, CSS Property, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Reference
-webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which element they're tapping on.
41 -webkit-text-fill-color CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -webkit-text-fill-color CSS property specifies the fill color of characters of text. If this property is not set, the value of the color property is used.
42 -webkit-text-stroke CSS, CSS Property, Non-standard, Reference, WebKit
The -webkit-text-stroke CSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand properties -webkit-text-stroke-width and -webkit-text-stroke-color.
43 -webkit-text-stroke-color CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -webkit-text-stroke-color CSS property specifies the stroke color of characters of text. If this property is not set, the value of the color property is used.
44 -webkit-text-stroke-width CSS, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -webkit-text-stroke-width CSS property specifies the width of the stroke for text.
45 -webkit-touch-callout CSS, CSS Property, Layout, NeedsBrowserCompatibility, NeedsLiveSample, Non-standard, Reference
The -webkit-touch-callout CSS property controls the display of the default callout shown when you touch and hold a touch target.
46 :-moz-broken CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class, Reference
The :-moz-broken CSS pseudo-class is a Mozilla extension that matches elements representing broken image links.
47 :-moz-drag-over CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class, Reference
The :-moz-drag-over CSS pseudo-class is is a Mozilla extension that matches an element when a dragover event is called on it.
48 :-moz-first-node CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class, Reference
The :-moz-first-node CSS pseudo-class is a Mozilla extension that represents any element that is the first child node of some other element. It differs from :first-child because it does not match a first-child element with (non-whitespace) text before it.
49 :-moz-focusring CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-class, Reference
The :-moz-focusring CSS pseudo-class is a Mozilla extension that is similar to the :focus pseudo-class, but it only matches an element if it's currently focused and a focus ring or other indicator should be drawn around it.
50 :-moz-full-screen-ancestor CSS, CSS:Mozilla Extensions, Deprecated, Non-standard, Pseudo-class, Reference
The :-moz-full-screen-ancestor CSS pseudo-class is a Mozilla extension that represents all ancestors of the full-screen element, except containing frames in parent documents, which are the full-screen element in their own documents. However, those elements' ancestors have this pseudo-class applied to them.
51 :-moz-handler-blocked CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-class, Reference
The :-moz-handler-blocked CSS pseudo-class is a Mozilla extension that matches elements that can't be displayed because their handlers have been blocked.
52 :-moz-handler-crashed CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-class, Reference
The :-moz-handler-crashed CSS pseudo-class is a Mozilla extension that matches elements that can't be displayed because the plugin responsible for drawing them has crashed.
53 :-moz-handler-disabled CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-class, Reference
The :-moz-handler-disabled CSS pseudo-class is a Mozilla extension that matches elements that can't be displayed because their handlers have been disabled by the user.
54 :-moz-last-node CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class
The :-moz-last-node CSS pseudo-class is a Mozilla extension that represents any element that is the last child node of some other element. It differs from :last-child because it does not match a last-child element with (non-whitespace) text after it.
55 :-moz-loading CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class, Reference
The :-moz-loading CSS pseudo-class is a Mozilla extension that matches elements that can't be displayed because they have not started loading, such as images that haven't started to arrive yet. Note that images that are in the process of loading are not matched by this pseudo-class.
56 :-moz-locale-dir(ltr) CSS, CSS:Mozilla Extensions, Localization, NeedsCompatTable, Non-standard, Pseudo-class, Reference
The :-moz-locale-dir(ltr) CSS pseudo-class is a Mozilla extension that matches an element if the user interface is being displayed left-to-right. This is determined by the preference intl.uidirection.locale (where locale is the current locale) being set to "ltr".
57 :-moz-locale-dir(rtl) CSS, CSS:Mozilla Extensions, Localization, NeedsCompatTable, NeedsExample, Non-standard, Pseudo-class, Reference, Right-to-left
The :-moz-locale-dir(rtl) CSS pseudo-class is a Mozilla extension that matches an element if the user interface is being displayed right-to-left. This is determined by the preference intl.uidirection.locale (where locale is the current locale) being set to "rtl".
58 :-moz-lwtheme CSS, Lightweight themes, NeedsCompatTable, NeedsExample, Non-standard, Pseudo-class, Reference, Themes
The :-moz-lwtheme pseudo-class matches in chrome documents when the root element's lightweightthemes attribute is true and a theme is selected.
59 :-moz-lwtheme-brighttext CSS, Non-standard, Pseudo-class, Reference, Themes
The :-moz-lwtheme-brighttext pseudo-class matches in chrome documents when :-moz-lwtheme is true and a lightweight theme with a bright text color is selected.
60 :-moz-lwtheme-darktext CSS, Non-standard, Pseudo-class, Reference, Themes
The :-moz-lwtheme-darktext pseudo-class matches in chrome documents when :-moz-lwtheme is true and a lightweight theme with a dark text color is selected.
61 :-moz-only-whitespace CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class, Reference
The :-moz-only-whitespace CSS pseudo-class is a Mozilla extension that matches elements that have no child nodes at all, or only have empty text nodes or text nodes that have only whitespace in them.
62 :-moz-placeholder CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-class, Reference
The :-moz-placeholder CSS pseudo-class is a Mozilla extension that represents any form element displaying placeholder text. This lets you customize the appearance of the placeholder text, which is a translucent gray color by default.
63 :-moz-submit-invalid CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-class, Reference
The :-moz-submit-invalid CSS pseudo-class is a Mozilla extension that represents any submit <button> on forms whose contents aren't valid based on their validation constraints.
64 :-moz-suppressed CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class, Reference
The :-moz-suppressed CSS pseudo-class is a Mozilla extension that matches elements representing images that were suppressed because loading images from the specified site has been blocked.
65 :-moz-system-metric(images-in-menus) CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Reference
The :-moz-system-metric(images-in-menus) CSS pseudo-class matches an element if the computer's user interface supports images in menus.
66 :-moz-system-metric(mac-graphite-theme) CSS, NeedsCompatTable, Non-standard, Reference
:-moz-system-metric(mac-graphite-theme) will match an element if the user has chosen the "Graphite" appearance in the "Appearance" prefpane of the Mac OS X System Preferences.
67 :-moz-system-metric(scrollbar-end-backward) CSS, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference
The :-moz-system-metric(scrollbar-end-backward) CSS pseudo-class will match an element if the computer's user interface includes a backward arrow button at the end of scrollbars.
68 :-moz-system-metric(scrollbar-end-forward) CSS, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference
The :-moz-system-metric(scrollbar-end-forward) CSS pseudo-class will match an element if the computer's user interface includes a forward arrow button at the end of scrollbars.
69 :-moz-system-metric(scrollbar-start-backward) CSS, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference
The :-moz-system-metric(scrollbar-start-backward) CSS pseudo-class will match an element if the computer's user interface includes a backward arrow button at the start of scrollbars.
70 :-moz-system-metric(scrollbar-start-forward) CSS, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference
The :-moz-system-metric(scrollbar-start-forward) CSS pseudo-class will match an element if the computer's user interface includes a forward arrow button at the start of scrollbars.
71 :-moz-system-metric(scrollbar-thumb-proportional) CSS, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference
The :-moz-system-metric(scrollbar-thumb-proportional) CSS pseudo-class will match an element if the computer's user interface uses proportional scrollbar thumbs; that is, the draggable thumb on the scrollbar resizes to indicate the relative size of the visible area of the document.
72 :-moz-system-metric(touch-enabled) CSS, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference
The :-moz-system-metric(touch-enabled) CSS pseudo-class will match an element if the device on which the content is being rendered offers a supported touch-screen interface.
73 :-moz-system-metric(windows-default-theme) CSS, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-class, Reference
The :-moz-system-metric(windows-default-theme) CSS pseudo-class matches an element if the user is currently using one of the following themes in Windows: Luna, Royale, Zune, or Aero (i.e., Vista Basic, Vista Standard, or Aero Glass). This will exclude Windows Classic themes as well as third-party themes.
74 :-moz-tree-cell CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Reference, XUL
Activated by the properties attribute.
75 :-moz-tree-cell-text CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Reference, XUL
Activated by the properties attribute.
76 :-moz-tree-cell-text(hover) CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference, XUL
The :-moz-tree-cell-text(hover) CSS pseudo-class will match an element if the mouse cursor is presently hovering over text in a tree cell.
77 :-moz-tree-column CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Reference, XUL
Activated by the properties attribute.
78 :-moz-tree-drop-feedback CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference, XUL
Activated by the properties attribute.
79 :-moz-tree-image CSS, NeedsCompatTable, NeedsContent, NeedsLiveSample, Non-standard, Reference, XUL
Activated by the properties attribute.
80 :-moz-tree-indentation CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Reference, XUL
Activated by the properties attribute.
81 :-moz-tree-line CSS, Non-standard, Reference, XUL
Activated by the properties attribute.
82 :-moz-tree-progressmeter CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Reference, XUL
Activated when the type attribute is set to progressmeter.
83 :-moz-tree-row(hover) CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Pseudo-class, Reference
The :-moz-tree-row(hover) CSS pseudo-class will match an element if the mouse cursor is presently hovering over a tree row.
84 :-moz-tree-separator CSS, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Reference, XUL
Activated by the properties attribute.
85 :-moz-tree-twisty CSS, Non-standard, Reference, XUL
Activated by the properties attribute.
86 :-moz-ui-invalid CSS, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-class, Reference
The :-moz-ui-invalid CSS pseudo-class represents any validated form element whose value isn't valid based on their validation constraints, in certain circumstances. This pseudo-class is applied according to the following rules:
87 :-moz-ui-valid CSS, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-class, Reference
The :-moz-ui-valid CSS pseudo-class represents any validated form element whose value validates correctly based on its validation constraints.
88 :-moz-user-disabled CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-class, Reference
The :-moz-user-disabled CSS pseudo-class is a Mozilla extension that matches elements representing images that were not loaded because images have been entirely disabled by the user's preferences.
89 :-moz-window-inactive CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-class, Reference
The :-moz-window-inactive CSS pseudo-class is a Mozilla extension that matches any element while it's in an inactive window.
90 :-ms-input-placeholder CSS, Non-standard, Pseudo-class, Reference
The non-standard proprietary :-ms-input-placeholder pseudo-class represents the placeholder text of a form element. This allows web developers and theme designers to customize the appearance of placeholder text. This pseudo-class is only supported by Internet Explorer and Microsoft Edge.
91 :-webkit-autofill CSS, NeedsExample, Non-standard, Pseudo-class, Reference
The :-webkit-autofill CSS pseudo-class matches when an <input> element has its value autofilled by the browser.
92 ::-moz-list-bullet CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-element, Reference
The ::-moz-list-bullet CSS pseudo-element is a Mozilla extension that represents the marker (typically a bullet) of a list item (<li>) in an unordered list (<ul>).
93 ::-moz-list-number CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-element, Reference
The ::-moz-list-number CSS pseudo-element is a Mozilla extension that represents the marker (typically a number) of a list item (<li>) in an ordered list (<ol>).
94 ::-moz-page CSS, CSS:Mozilla Extensions, NeedsBrowserCompatibility, NeedsContent, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-moz-page CSS pseudo-element is a Mozilla extension that represents an individual page when printed or in a print preview.
95 ::-moz-page-sequence CSS, CSS:Mozilla Extensions, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-moz-page-sequence CSS pseudo-element is a Mozilla extension that represents the background of a print preview.
96 ::-moz-placeholder CSS, CSS:Mozilla Extensions, Deprecated, Non-standard, Pseudo-element, Reference
The ::-moz-placeholder CSS pseudo-element is a Mozilla extension that represents any form element displaying placeholder text. This lets you customize the appearance of the placeholder text, which is a translucent gray color by default.
97 ::-moz-progress-bar CSS, CSS:Mozilla Extensions, NeedsCompatTable, Non-standard, Pseudo-element, Reference
The ::-moz-progress-bar CSS pseudo-element is a Mozilla extension that represents the progress bar inside a <progress> element. (The bar represents the amount of progress that has been made.)
98 ::-moz-range-progress CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-element, Reference
The ::-moz-range-progress CSS pseudo-element is a Mozilla extension that represents the lower portion of the track (i.e., groove) in which the indicator slides in an <input> of type="range". This portion corresponds to values lower than the value currently selected by the thumb (i.e., virtual knob).
99 ::-moz-range-thumb CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-element, Reference
The ::-moz-range-thumb CSS pseudo-element is a Mozilla extension that represents the thumb (i.e., virtual knob) of an <input> of type="range". The user can move the thumb along the input's track to alter its numerical value.
100 ::-moz-range-track CSS, CSS:Mozilla Extensions, Non-standard, Pseudo-element, Reference
The ::-moz-range-track CSS pseudo-element is a Mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input> of type="range".
101 ::-moz-scrolled-page-sequence CSS, CSS:Mozilla Extensions, NeedsBrowserCompatibility, NeedsContent, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-moz-scrolled-page-sequence CSS pseudo-element is a Mozilla extension that represents the background of a print preview.
102 ::-moz-tree-row CSS, Non-standard, Pseudo-element, Reference, XUL
The ::-moz-tree-row CSS pseudo-element is used to select rows and apply styles to tree rows.
103 ::-ms-browse CSS, Non-standard, Pseudo-element, Reference
The ::-ms-browse CSS pseudo-element represents the button to open the file picker of an <input> of type="file".
104 ::-ms-check CSS, Non-standard, Pseudo-element, Reference
The ::-ms-check CSS pseudo-element represents the checkmark of an <input> of type="checkbox" or type="radio".
105 ::-ms-clear CSS, Non-standard, Pseudo-element, Reference
The ::-ms-clear CSS pseudo-element represents a button (the "clear button") at the edge of a text <input> which clears away the current value of the <input> element. This button and pseudo-element are non-standard, supported only in Internet Explorer 10 and 11 and Edge 12+, hence the vendor prefix (`-ms` for Microsoft). The clear button is only shown on focused, non-empty text <input> elements.
106 ::-ms-expand CSS, Pseudo-element, Reference
The ::-ms-expand CSS pseudo-element represents the button within a <select> that opens or closes the drop-down menu that displays the <option>s. It often normally looks like a triangle that points downward.
107 ::-ms-fill CSS, Non-standard, Pseudo-element, Reference
The ::-ms-fill CSS pseudo-element represents the filled-in portion of a <progress> element. This pseudo-element is non-standard and specific to Internet Explorer 10+, hence the vendor prefix.
108 ::-ms-fill-lower CSS, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-ms-fill-lower CSS pseudo-element represents the portion of the "track" (the groove in which the indicator aka thumb slides) of an <input> of type="range", which corresponds to values lower than the value currently selected by the thumb.
109 ::-ms-fill-upper CSS, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-ms-fill-upper CSS pseudo-element represents the portion of the "track" (the groove in which the indicator aka thumb slides) of an <input> of type="range", which corresponds to values greater than the value currently selected by the thumb.
110 ::-ms-reveal CSS, NeedsContent, NeedsExample, Non-standard, Pseudo-element, Reference
The ::-ms-reveal CSS pseudo-element is used to display and apply styles to the "password reveal button" usually displayed at the edge of an <input> element of type="password" in Internet Explorer 10+. The password reveal button displays the value of the password field in plain text (instead of the usual obscured-for-privacy all-asterisks display). This button and the pseudo-element are non-standard and specific to Internet Explorer 10+, hence the vendor prefix.
111 ::-ms-thumb CSS, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-ms-thumb CSS pseudo-element represents the "thumb" that the user can move within the "groove" of an <input> of type="range" to alter its numerical value.
112 ::-ms-track CSS, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-ms-track CSS pseudo-element represents the "track" (the groove in which the indicator slides) of an <input> of type="range".
113 ::-ms-value CSS, NeedsCompatTable, Non-standard, Pseudo-element, Reference
The ::-ms-value pseudo-element applies rules to the value/content of an <input> or a <select>. Only certain properties can be set on this pseudo-element; others will have no effect.
114 ::-webkit-file-upload-button CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-file-upload-button CSS pseudo-element represents the button of an <input> of  type="file".
115 ::-webkit-inner-spin-button CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-webkit-inner-spin-button CSS pseudo-element is used to style the inner part of the spinner button of number picker input elements.
116 ::-webkit-input-placeholder CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The non-standard proprietary ::-webkit-input-placeholder pseudo-element represents the placeholder text of a form element. This allows web developers and theme designers to customize the appearance of placeholder text. This pseudo-class is only supported by WebKit and Blink.
117 ::-webkit-meter-bar -webkit-meter-bar, CSS, Non-standard, Pseudo-element, Reference, WebKit
The ::-webkit-meter-bar CSS pseudo-class is a WebKit extension that represents the meter bar in a <meter> element.
118 ::-webkit-meter-even-less-good-value -webkit-meter-even-less-good-value, CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-meter-even-less-good-value gives a red color to a <meter> element when the value and the optimum attributes fall outside the low-high range, but in opposite zones. To illustrate, it applies when value < low < high < optimum or value > high > low > optimum.
119 ::-webkit-meter-inner-element -webkit-meter-inner-element, CSS, Non-standard, Pseudo-element, Reference
::-webkit-meter-inner-element is a proprietary WebKit CSS pseudo-element for selecting and applying styles to to the outer containing element of a <meter> element. Additional markup to render the meter element as read-only.
120 ::-webkit-meter-optimum-value ::-webkit-meter-optimum-value, CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-meter-optimum-value CSS pseudo-element styles the <meter> element when its value is inside the low-high range.
121 ::-webkit-meter-suboptimum-value -webkit-meter-suboptimum-value, CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-meter-suboptimum-value pseudo-element gives a yellow color to the <meter> element when the value attribute falls outside of the low-high range.
122 ::-webkit-outer-spin-button CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-webkit-outer-spin-button CSS pseudo-element is used to style the outer part of the spinner button of number picker <input> elements.
123 ::-webkit-progress-bar CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-progress-bar CSS pseudo-element represents the entire bar of a <progress> element. Normally it's only visible as the unfilled portion of the bar, since by default it's rendered below the ::-webkit-progress-value pseudo-element. It is a child of the ::-webkit-progress-inner-element pseudo-element and the parent of the ::-webkit-progress-value pseudo-element.
124 ::-webkit-progress-inner-element CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-progress-inner-element CSS pseudo-element represents the outermost container of the <progress> element. It is the parent of the ::-webkit-progress-bar pseudo-element.
125 ::-webkit-progress-value CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-progress-value CSS pseudo-element represents the filled-in portion of the bar of a <progress> element. It is a child of the ::-webkit-progress-bar pseudo-element.
126 ::-webkit-scrollbar CSS, NeedsCompatTable, Pseudo-element, Reference
The ::-webkit-scrollbar CSS pseudo-element affects the style of the scrollbar of an element.
127 ::-webkit-search-cancel-button CSS, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-webkit-search-cancel-button CSS pseudo-element represents a button (the "cancel button") at the edge of an <input> of type="search" which clears away the current value of the <input> element. This button and pseudo-element are non-standard, supported only in WebKit and Blink, hence the vendor prefix. The clear button is only shown on non-empty search <input> elements.
128 ::-webkit-search-results-button CSS, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-webkit-search-results-button CSS pseudo-element represents a button (the "search results button") at the left edge of an <input> of type="search" which when clicked displays a menu which allows the user to choose from previous recent search queries. This button and pseudo-element are non-standard, supported only in WebKit and Blink, hence the vendor prefix. The search results button is only shown on search <input> elements that have a results attribute.
129 ::-webkit-slider-runnable-track CSS, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-webkit-slider-runnable-track CSS pseudo-element represents the "track" (the groove in which the indicator slides) of an <input> of type="range".
130 ::-webkit-slider-thumb CSS, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
The ::-webkit-slider-thumb CSS pseudo-element represents the "thumb" that the user can move within the "groove" of an <input> of type="range" to alter its numerical value.
131 ::after (:after) CSS, Layout, Pseudo-element, Reference, Web
In CSS, ::after creates a pseudo-element that is the last child of the selected element. It is often used to add cosmetic content to an element with the content property.
132 ::backdrop CSS, Full-screen, Layout, NeedsContent, Pseudo-element, Reference
The ::backdrop CSS pseudo-element is a box rendered immediately below any element rendered in fullscreen mode (and above any lower elements in the stack).
133 ::before (:before) CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web
In CSS, ::before creates a pseudo-element that is the first child of the selected element. It is often used to add cosmetic content to an element with the content property.
134 ::cue (:cue) ::cue, CSS, Media, Pseudo-element, Reference, Web Video Text Tracks, WebVTT, cue
The ::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.
135 ::first-letter (:first-letter) CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-element, Reference
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 images or inline tables).
136 ::first-line (:first-line) CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-element, Reference
The ::first-line CSS pseudo-element applies styles to the first line of a block-level element.
137 ::grammar-error CSS, Experimental, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference
The ::grammar-error CSS pseudo-element represents a text segment which the user agent has flagged as grammatically incorrect.
138 ::marker CSS, CSS Lists, Experimental, Layout, Pseudo-element, Reference
The ::marker CSS pseudo-element selects the marker box of a list item, which typically contains a bullet or number.
139 ::placeholder CSS, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Pseudo-element, Reference
The ::placeholder CSS pseudo-element represents the placeholder text of a form element.
140 ::selection CSS, Experimental, Layout, Pseudo-element, Reference
The ::selection CSS pseudo-element applies styles to the portion of a document that has been highlighted by the user (such as with the mouse).
141 ::spelling-error CSS, Experimental, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web
The ::spelling-error CSS pseudo-element represents a text segment which the user agent has flagged as incorrectly spelled.
142 :active CSS, Layout, Pseudo-class, Reference, Web
The :active CSS pseudo-class represents an element (such as a button) that is being activated by the user.
143 :any CSS, Experimental, Pseudo-class, Reference
The :any() pseudo-class lets you create a selector containing multiple options, any one of which will be matched. This is a simpler alternative to repeating an entire selector multiple times because one item inside it varies.
144 :any-link CSS, Experimental, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :any-link CSS pseudo-class selector represents an element that acts as the source anchor of a hyperlink, independent of whether it has been visited. In other words, it matches every <a>, <area>, or <link> element that has an href attribute. Thus, it matches all elements that match :link or :visited.
145 :checked CSS, Layout, Pseudo-class, Reference, Web
The :checked CSS 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.
146 :default CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :default CSS pseudo-class represents any form element that is the default among a group of related elements.
147 :dir() BiDi, CSS, Experimental, Pseudo-class, Reference
The :dir() CSS pseudo-class matches elements based on the directionality of the text contained in them.
148 :disabled CSS, Layout, Pseudo-class, Reference, Web
The :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 an enabled state, in which it can be activated or accept focus.
149 :empty CSS, Layout, Pseudo-class, Reference, Web
The :empty CSS pseudo-class represents any element that has no children. Children can be either element nodes or text (including whitespace). Comments or processing instructions do not affect whether an element is considered empty or not.
150 :enabled CSS, Layout, Pseudo-class, Reference, Web
The :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 disabled state, in which it can't be activated or accept focus.
151 :first @page, CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :first CSS pseudo-class, used with the  @page at-rule, represents the first page of a printed document.
152 :first-child CSS, Layout, Pseudo-class, Reference, Web
The :first-child CSS pseudo-class represents the first element among a group of sibling elements.
153 :first-of-type CSS, Layout, Pseudo-class, Reference, Web
The :first-of-type CSS pseudo-class represents the first element of its type among a group of sibling elements.
154 :focus CSS, Layout, Pseudo-class, Reference, Web
The :focus CSS pseudo-class represents an element (such as a form input) that has received focus. It is generally triggered when the user clicks or taps on an element or selects it with the keyboard's "tab" key.
155 :focus-within CSS, Layout, Pseudo-class, Reference, Web
The :focus-within CSS pseudo-class represents an element that has received focus or contains an element that has received focus. In other words, it represents an element that is itself matched by the :focus pseudo-class or has a descendant that is matched by :focus. (This includes descendants in shadow trees.)
156 :fullscreen CSS, Experimental, Full-screen, Pseudo-class, Reference
The :fullscreen CSS pseudo-class represents an element that's displayed when the browser is in fullscreen mode.
157 :has CSS, Experimental, Pseudo-class, Reference, Selectors
The :has() CSS pseudo-class represents an element if any of the selectors, relative to the :scope of the given element, passed as parameters, matches at least one element. The :has() pseudo-class takes a selector list as an argument. In the current specification :has is not marked as part of the dynamic selector profile, which means it can not be used within stylesheets; only with functions like document.querySelector().
158 :hover CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an element with the cursor (mouse pointer).
159 :in-range CSS, Pseudo-class, Reference, Web
The :in-range CSS pseudo-class represents an <input> element whose current value is within the range limits specified by the min and max attributes.
160 :indeterminate CSS, Layout, Pseudo-class, Reference, Web
The :indeterminate CSS pseudo-class represents any form element whose state is indeterminate.
161 :invalid CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :invalid CSS pseudo-class represents any <input> or other <form> element whose contents fail to validate.
162 :lang() CSS, Layout, Pseudo-class, Reference, Web
The :lang() CSS pseudo-class matches elements based on the language they are determined to be in.
163 :last-child CSS, Layout, Pseudo-class, Reference, Web
The :last-child CSS pseudo-class represents the last element among a group of sibling elements.
164 :last-of-type CSS, Layout, Pseudo-class, Reference, Web
Editorial review completed.
165 :left @page, CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :left CSS pseudo-class, used with the  @page at-rule, represents all left-hand pages of a printed document.
166 :link CSS, Layout, Pseudo-class, Reference, Web
The :link CSS pseudo-class represents an element that has not yet been visited. It matches every unvisited <a>, <area>, or <link> element that has an href attribute.
167 :not() CSS, Layout, Pseudo-class, Reference, Web
The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is known as the negation pseudo-class.
168 :nth-child() CSS, Layout, Pseudo-class, Reference, Web
The :nth-child() CSS pseudo-class matches one or more elements based on their position among a group of siblings.
169 :nth-last-child() CSS, Layout, Pseudo-class, Reference, Web
The :nth-last-child() CSS pseudo-class matches one or more elements based on their position among a group of siblings, counting from the end.
170 :nth-last-of-type() CSS, Layout, Pseudo-class, Reference, Web
The :nth-last-of-type() CSS pseudo-class matches one or more elements of a given type, based on their position among a group of siblings, counting from the end.
171 :nth-of-type() CSS, Layout, Pseudo-class, Reference, Web
The :nth-of-type() CSS pseudo-class matches one or more elements of a given type, based on their position among a group of siblings.
172 :only-child CSS, Layout, Pseudo-class, Reference, Web
The :only-child CSS pseudo-class represents an element without any siblings. This is the same as :first-child:last-child or :nth-child(1):nth-last-child(1), but with a lower specificity.
173 :only-of-type CSS, Layout, Pseudo-class, Reference, Web
The :only-of-type CSS pseudo-class represents an element that has no siblings of the same type.
174 :optional CSS, Layout, Pseudo-class, Reference, Web
The :optional CSS pseudo-class represents any <input>, <select>, or <textarea> element that does not have the required attribute set on it.
175 :out-of-range CSS, Layout, Pseudo-class, Reference
The :out-of-range CSS pseudo-class represents an <input> element whose current value is outside the range limits specified by the min and max attributes.
176 :placeholder-shown CSS, Experimental, Pseudo-class, Reference
The :placeholder-shown CSS pseudo-class represents any any <input> or <textarea> element that is currently displaying placeholder text.
177 :read-only CSS, Layout, Pseudo-class, Reference, Web
The :read-only CSS pseudo-class represents an element (such as a locked text input) that is not editable by the user.
178 :read-write CSS, Layout, Pseudo-class, Reference, Web
The :read-write CSS pseudo-class represents an element (such as a text input) that is editable by the user.
179 :required CSS, Layout, Pseudo-class, Reference, Web
The :required CSS pseudo-class represents any <input>, <select>, or <textarea> element that has the required attribute set on it.
180 :right @page, CSS, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :right CSS pseudo-class, used with the  @page at-rule, represents all right-hand pages of a printed document.
181 :root CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :root CSS pseudo-class matches the root element of a tree representing the document. In HTML, :root represents the <html> element and is identical to the selector html, except that its specificity is higher.
182 :scope :scope, CSS, Layout, Pseudo-class, Reference, Scoped Elements, Web
The :scope CSS pseudo-class represents elements that are a reference point for selectors to match against.
183 :target CSS, Layout, Pseudo-class, Reference, Web
The :target CSS pseudo-class represents a unique element (the target element) with an id matching the URL's fragment.
184 :valid CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :valid CSS pseudo-class represents any <input> or other <form> element whose contents validate successfully. This allows to easily make valid fields adopt an appearance that helps the user confirm that their data is formatted properly.
185 :visited CSS, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :visited CSS pseudo-class represents links that the user has already visited. For privacy reasons, the styles that can be modified using this selector are very limited.
186 &lt;angle&gt; CSS, CSS Data Type, Layout, Reference, Web
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.
187 &lt;basic-shape&gt; CSS, CSS Data Type, CSS Shapes, Reference
The <basic-shape> CSS data type represents a shape used in the clip-path or shape-outside properties.
188 &lt;blend-mode&gt; Blend modes, CSS, CSS Data Type, Compositing, Compositing and Blending, Reference
The <blend-mode> CSS data type describes how colors should appear when elements overlap. It is used in the background-blend-mode and mix-blend-mode properties.
189 &lt;color&gt; CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The <color> CSS data type represents a color in the sRGB color space. A <color> may also include an alpha-channel transparency value, indicating how the color should composite with its background.
190 &lt;custom-ident&gt; CSS, CSS Data Type, Layout, Reference, Web
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 prevent ambiguity.
191 &lt;filter-function&gt; CSS, CSS Data Type, Filter Effects, NeedsCompatTable, Reference
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.
192 blur() CSS, CSS Function, Filter Effects, Reference
The blur() CSS function applies a Gaussian blur to the input image. Its result is a <filter-function>.
193 brightness() CSS, CSS Function, Filter Effects, Reference
The brightness() CSS function applies a linear multiplier to the input image, making it appear brighter or darker. Its result is a <filter-function>.
194 contrast() CSS, CSS Function, Filter Effects, Reference
The contrast() CSS function adjusts the contrast of the input image. Its result is a <filter-function>.
195 drop-shadow() CSS, CSS Function, Filter Effects, Reference
The drop-shadow() CSS function applies a drop shadow effect to the input image. Its result is a <filter-function>.
196 grayscale() CSS, CSS Function, Filter Effects, Reference
The grayscale() CSS function converts the input image to grayscale. Its result is a <filter-function>.
197 hue-rotate() CSS, CSS Function, Filter Effects, Reference
The hue-rotate() CSS function applies a hue rotation to the input image. Its result is a <filter-function>.
198 invert() CSS, CSS Function, Filter Effects, Reference
The invert() CSS function inverts the color samples in the input image. Its result is a <filter-function>.
199 opacity() CSS, CSS Function, Filter Effects, Reference
The opacity() CSS function applies transparency to the samples in the input image. Its result is a <filter-function>.
200 saturate() CSS, CSS Function, Filter Effects, Reference
The saturate() CSS function super-saturates or desaturates the input image. Its result is a <filter-function>.
201 sepia() CSS, CSS Function, Filter Effects, Reference
The sepia() CSS function converts the input image to sepia, giving it a warmer, more yellow/brown appearance. Its result is a <filter-function>.
202 url() CSS, Junk, Reference
The url() CSS function uses an SVG filter to change the appearance on the input image.
203 &lt;flex&gt; CSS, CSS Data Type, Layout, NeedsBrowserCompatibility, Reference, Web
The <flex> CSS data type denotes a flexible length within a grid container. It is used in grid-template-columns, grid-template-rows and other related properties.
204 &lt;frequency&gt; CSS, CSS Data Type, Layout, Reference, Web
The <frequency> CSS data type represents a frequency dimension, such as the pitch of a speaking voice. It is not currently used in any CSS properties.
205 &lt;gradient&gt; CSS, CSS Data Type, CSS Images, Graphics, Layout, Reference
The <gradient> CSS data type is a special type of <image> that consists of a progressive transition between two or more colors.
206 &lt;image&gt; CSS, CSS Data Type, CSS Images, Graphics, Layout, Reference, Web
The <image> CSS data type represents a two-dimensional image. There are two kinds of images: plain images, referenced with a <url>, and dynamically-generated images, generated with <gradient> or element(). Images can be used with numerous CSS properties, such as background-image, border-image, content, cursor, and list-style-image.
207 &lt;integer&gt; CSS, CSS Data Type, Reference, Web
The <integer> CSS data type is a special type of <number> that represents a whole number, whether positive or negative. Integers can be used in numerous CSS properties, such as column-count, counter-increment, grid-column, grid-row, and z-index.
208 &lt;length&gt; CSS, CSS Data Type, Layout, Reference, Web, 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-shadow.
209 &lt;number&gt; CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The <number> CSS data type represents a number, being either an integer or a number with a fractional component.
210 &lt;percentage&gt; CSS, CSS Data Type, Layout, Reference, Web
The <percentage> CSS data type represents a percentage value. It is often used to define a size as relative to an element's parent object. Numerous properties can use percentages, such as width, height, margin, padding, and font-size.
211 &lt;position&gt; CSS, CSS Data Type, Layout, Reference, Web
The <position> CSS data type denotes a two-dimensional coordinate used to set a location relative to an element box. It is used in the background-position property.
212 &lt;ratio&gt; CSS, CSS Data Type, Layout, Reference, Web
The <ratio> CSS data type, used for describing aspect ratios in media queries, denotes the proportion between two unitless values.
213 &lt;resolution&gt; CSS, CSS Data Type, Layout, Reference, Web
The <resolution> CSS data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution.
214 &lt;shape&gt; CSS, CSS Data Type, CSS Function, Deprecated, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The <shape> CSS data type defines the specific form (shape) of a region. The region represents the part of an element to which the clip property applies.
215 &lt;single-transition-timing-function&gt; CSS, CSS Animations, CSS Data Type, CSS Transitions, Layout, Reference
The <single-transition-timing-function> CSS data type denotes a mathematical function that describes how fast one-dimensional values change during animations. This lets you establish vary the animation's speed over the course of its duration.
216 &lt;string&gt; CSS, CSS Data Type, Layout, Reference, Web
The <string> CSS data type represents a sequence of characters. Strings are used in numerous CSS properties, such as content, font-family, and quotes.
217 &lt;time&gt; CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The <time> CSS data type represents a time value expressed in seconds or milliseconds. It is used in animation, transition, and related properties.
218 &lt;transform-function&gt; CSS, CSS Data Type, CSS Transforms, Layout, Reference
The <transform-function> CSS data type represents a transformation that affects an element's appearance. Transformation functions can rotate, resize, distort, or move an element in 2D or 3D space. It is used in the transform property.
219 matrix() CSS, CSS Function, CSS Transforms, Reference
The matrix() CSS function defines a homogeneous 2D transformation matrix. Its result is a <transform-function> data type.
220 matrix3d() CSS, CSS Function, CSS Transforms, NeedsExample, Reference
The matrix3d() CSS function defines a 3D transformation as a 4x4 homogeneous matrix. Its result is a <transform-function> data type.
221 perspective() CSS, CSS Function, CSS Transforms, Reference
The perspective() CSS function defines a transformation that sets the distance between the user and the z=0 plane. Its result is a <transform-function> data type.
222 rotate() CSS, CSS Function, CSS Transforms, Reference
The rotate() CSS function defines a transformation that rotates an element around a fixed point on the 2D plane, without deforming it. Its result is a <transform-function> data type.
223 rotate3d() CSS, CSS Function, CSS Transforms, Reference
The rotate3d() CSS function defines a transformation that rotates an element around a fixed axis in 3D space, without deforming it. Its result is a <transform-function> data type.
224 rotateX() CSS, CSS Function, CSS Transforms, Reference
The rotateX() CSS function defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it. Its result is a <transform-function> data type.
225 rotateY() CSS, CSS Function, CSS Transforms, Reference
The rotateY() CSS function defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it. Its result is a <transform-function> data type.
226 rotateZ() CSS, CSS Function, CSS Transforms, Reference
The rotateZ() CSS function defines a transformation that rotates an element around the z-axis without deforming it. Its result is a <transform-function> data type.
227 scale() CSS, CSS Function, CSS Transforms, Reference
The scale() CSS function defines a transformation that resizes an element on the 2D plane. Because the amount of scaling is defined by a vector, it can resize the horizontal and vertical dimensions at different scales. Its result is a <transform-function> data type.
228 scale3d() CSS, CSS Function, CSS Transforms, Reference
The scale3d() CSS function defines a transformation that resizes an element in 3D space. Because the amount of scaling is defined by a vector, it can resize different dimensions at different scales. Its result is a <transform-function> data type.
229 scaleX() CSS, CSS Function, CSS Transforms, Reference
The scaleX() CSS function defines a transformation that resizes an element along the x-axis (horizontally). Its result is a <transform-function> data type.
230 scaleY() CSS, CSS Function, CSS Transforms, Reference
The scaleY() CSS function defines a transformation that resizes an element along the y-axis (vertically). Its result is a <transform-function> data type.
231 scaleZ() CSS, CSS Function, CSS Transforms, Reference
The scaleZ() CSS function defines a transformation that resizes an element along the z-axis. Its result is a <transform-function> data type.
232 skew() CSS, CSS Function, CSS Transforms, Reference
The skew() CSS function defines a transformation that skews an element on the 2D plane. Its result is a <transform-function> data type.
233 skewX() CSS, CSS Function, CSS Transforms, Reference
The skewX() CSS function defines a transformation that skews an element in the horizontal direction on the 2D plane. Its result is a <transform-function> data type.
234 skewY() CSS, CSS Function, CSS Transforms, Reference
The skewY() CSS function defines a transformation that skews an element in the vertical direction on the 2D plane. Its result is a <transform-function> data type.
235 translate() CSS, CSS Function, CSS Transforms, Reference
The translate() CSS function repositions an element in the horizontal and/or vertical directions. Its result is a <transform-function> data type.
236 translate3d() CSS, CSS Function, CSS Transforms, Reference
The translate3d() CSS function repositions an element in 3D space. Its result is a <transform-function> data type.
237 translateX() CSS, CSS Function, CSS Transforms, Reference
The translateX() CSS function repositions an element horizontally on the 2D plane. Its result is a <transform-function> data type.
238 translateY() CSS, CSS Function, CSS Transforms, Reference
The translateY() CSS function repositions an element vertically on the 2D plane. Its result is a <transform-function> data type.
239 translateZ() 3D, CSS, CSS Function, CSS Transforms, Reference
The translateZ() CSS function repositions an element along the z-axis in 3D space, i.e., closer to or farther away from the viewer. Its result is a <transform-function> data type.
240 &lt;translation-value&gt; CSS, CSS Data Type, Reference
The <translation-value> CSS data type is used in the arguments for certain transform functions, including translate(), translateX(), translateY(), and translate3d().  A <translation-value> argument can be either a <length> value or a <percentage> value.
241 &lt;url&gt; CSS, CSS Data Type, Layout, Reference, URI, URL, urn
The <url> CSS data type denotes a pointer to a resource, such as an image or a font. URLs can be used in numerous CSS properties, such as background-image, cursor, and list-style.
242 @charset At-rule, CSS, Layout, Reference, Web
The @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 statement, it cannot be used inside conditional group at-rules. If several @charset at-rules are defined, only the first one is used, and it cannot be used inside a style attribute on an HTML element or inside the <style> element where the character set of the HTML page is relevant.
243 @counter-style At-rule, CSS, Reference, counter
The @counter-style CSS at-rule lets you define counter styles that are not part of the predefined set of styles. An @counter-style rule defines how to convert a counter value into a string representation.
244 additive-symbols @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The additive-symbols descriptor lets you specify symbols when the value of a counter system descriptor is additive. The additive-symbols descriptor defines additive tuples, each of which is a pair containing a symbol and a non-negative integer weight. The additive system is used to construct sign-value numbering systems such as Roman numerals.
245 fallback @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The 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.
246 negative @counter-style, CSS, CSS Descriptor, Reference
When defining custom counter styles, the negative descriptor lets you alter the representations of negative counter values, by providing a way to specify symbols to be appended or prepended to the counter representation when the value is negative.
247 pad @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The pad descriptor can be used with custom counter style definitions when you need the marker representations to have a minimum length. If a marker representation is smaller than the specified pad length, then the marker will be padded with the specified pad symbol. Marker representations longer than the pad length are constructed as normal.
248 prefix @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The prefix descriptor of the @counter-style rule allows authors to specify a symbol that will be prepended to the marker representation. If no value is specified, the default value will be the empty string.
249 range @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
When defining custom counter styles, the range descriptor lets the author specify a range of counter values over which the style is applied. If a counter value is outside the specified range, then the fallback style will be used to construct the representation of that marker.
250 speak-as @counter-style, CSS, CSS Descriptor, Reference
The speak-as descriptor specifies how a counter symbol constructed with a given @counter-style will be represented in the spoken form. For example, an author can specify a counter symbol to be either spoken as its numerical value or just represented with an audio cue.
251 suffix @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The suffix is used with @counter-style to specify a symbol that will be appended to the marker representation. A symbol can be a string, image or a CSS identifier. If not specified, the descriptor assumes the default value "\2E\20" ("." full stop followed by a space).
252 symbols @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The symbols CSS descriptor is used to specify the symbols that the specified counter system will use to construct counter representations. A symbol can be a string, image, or identifier. It is used within the @counter-style at-rule.
253 system @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The system descriptor specifies the algorithm to be used for converting the integer value of a counter to a string representation. It is used in a @counter-style to define the behavior of the defined style.
254 @document At-rule, CSS, Reference
The @document CSS at-rule restricts the style rules contained within it based on the URL of the document. It is designed primarily for user-defined style sheets, though it can be used on author-defined style sheets, too.
255 @font-face @font-face, At-rule, CSS, CSS Fonts, Reference
The @font-face CSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their computers. The @font-face at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.
256 font-display @font-face, CSS, CSS Descriptor, CSS Fonts, Experimental, Reference
The font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use.
257 font-family @font-face, CSS, CSS Descriptor, CSS Fonts, Reference
The font-family CSS descriptor allows authors to specify the font family for the font specified in an @font-face rule.
258 font-style @font-face, CSS, CSS Descriptor, CSS Fonts, Reference
The font-style CSS descriptor allows authors to specify font styles for the fonts specified in the @font-face rule.
259 src @font-face, CSS, CSS Descriptor, CSS Fonts, Reference
The src CSS descriptor of the @font-face rule specifies the resource containing font data. It is required for the @font-face rule to be valid.
260 unicode-range CSS, CSS Fonts, CSS Property, Experimental, Layout, Reference, Web
The unicode-range CSS descriptor sets the specific range of characters to be used from a font defined by @font-face and made available for use on the current page. If the page doesn't use any character in this range, the font is not downloaded; if it uses at least one, the whole font is downloaded.
261 @font-feature-values At-rule, CSS, CSS Fonts, Reference
The @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your CSS when using multiple fonts.
262 @import At-rule, CSS, Reference
The @import CSS at-rule is used to import style rules from other style sheets. These rules must precede all other types of rules, except @charset rules; as it is not a nested statement, @import cannot be used inside conditional group at-rules.
263 @keyframes Animations, At-rule, CSS, Reference
The @keyframes CSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence.
264 @media @media, At-rule, CSS, Reference
The @media CSS at-rule can be used to apply styles based on the result of one or more media queries, which test a device's type, specific characteristics, and environment.
265 -moz-device-pixel-ratio @media, CSS, Deprecated, Non-standard, media feature
The -moz-device-pixel-ratio Gecko-only CSS @media media feature can be used to apply styles based on the number of device pixels per CSS pixel.
266 -moz-mac-graphite-theme @media, CSS, Non-standard, media feature
The -moz-mac-graphite-theme Gecko-only CSS @media media feature can be used to apply styles based on whether the user has the Mac OS X "Graphite" theme enabled.
267 -moz-maemo-classic @media, CSS, Non-standard, media feature
The -moz-maemo-classic Gecko-only CSS @media media feature can be used to apply styles based on whether the user agent is using the original Maemo theme.
268 -moz-os-version @media, CSS, Non-standard, media feature
The -moz-os-version Gecko-only CSS @media media feature can be used to apply styles based on the user's version of Microsoft Windows. This can be useful for adapting application skins and other chrome code depending on the user's operating system version.
269 -moz-scrollbar-end-backward @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
270 -moz-scrollbar-end-forward @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
271 -moz-scrollbar-start-backward @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
272 -moz-scrollbar-start-forward @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
273 -moz-scrollbar-thumb-proportional @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
274 -moz-touch-enabled @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
275 -moz-windows-accent-color-in-titlebar @media, CSS, Non-standard, media feature
The -moz-windows-accent-color-in-titlebar Gecko-only CSS @media media feature can be used to apply styles based on whether accent colors are enabled in Microsoft Windows titlebars.
276 -moz-windows-classic @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
277 -moz-windows-compositor @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
278 -moz-windows-default-theme @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
279 -moz-windows-glass @media, CSS, Non-standard, media feature

Media: media/visual
Accepts min/max prefixes: no
280 -moz-windows-theme @media, CSS, Non-standard, media feature
The -moz-windows-theme Gecko-only CSS @media media feature is useful for customizing application skins and other chrome code to work well with the user's Windows theme.
281 -webkit-animation @media, CSS, NeedsCompatTable, Reference, WebKit, media feature
The -webkit-animation Boolean CSS @media media feature is a Chrome extension whose value is true if vendor-prefixed CSS animations are supported.
282 -webkit-device-pixel-ratio @media, CSS, NeedsBrowserCompatibility, Non-standard, WebKit, media feature
The -webkit-device-pixel-ratio is a non-standard Boolean CSS @media media feature which is an alternative to the standard resolution media feature.
283 -webkit-transform-2d @media, CSS, NeedsBrowserCompatibility, Non-standard, Reference, WebKit, media feature
The -webkit-transform-2d Boolean CSS @media media feature is a Chrome extension whose value is true if vendor-prefixed CSS 2D transforms are supported.
284 -webkit-transform-3d @media, CSS, NeedsBrowserCompatibility, Non-standard, Reference, WebKit, media feature
The -webkit-transform-3d Boolean CSS @media media feature is a Chrome extension whose value is true if vendor-prefixed CSS 3D transforms are supported.
285 -webkit-transition @media, Blink, CSS, Deprecated, NeedsBrowserCompatibility, Non-standard, Reference, WebKit, media feature
The -webkit-transition Boolean CSS @media media feature is a Chrome extension whose value is true if the browsing context supports CSS transitions. It was never supported in browsers not based on WebKit or Blink.
286 any-hover @media, CSS, Reference, media feature
The any-hover CSS @media media feature can be used to apply styles based on whether any available input mechanism can hover over elements.
287 any-pointer @media, CSS, Reference, media feature
The any-pointer CSS @media media feature can be used to apply styles based on whether any available input mechanism is a pointing device, and if so, how accurate it is.
288 aspect-ratio @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The aspect-ratio CSS @media media feature can be used to apply styles based on the aspect ratio of the viewport.
289 color @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The color CSS @media media feature can be used to apply styles based on the number of bits per color component (red, green, blue) of the output device.
290 color-gamut @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The color-gamut CSS @media media feature can be used to apply styles based on the approximate range of colors that are supported by the user agent and the output device.
291 color-index @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The color-index CSS @media media feature can be used to apply styles based on the number of entries in the output device's color lookup table.
292 device-aspect-ratio @media, CSS, Deprecated, NeedsBrowserCompatibility, Reference, Web, media feature
The device-aspect-ratio CSS @media media feature can be used to apply styles based on the width-to-height aspect ratio of the output device.
293 device-height @media, CSS, Deprecated, NeedsBrowserCompatibility, Reference, media feature
The device-height CSS @media media feature can be used to apply styles based on the height of the rendering surface of the output device.
294 device-width @media, CSS, Deprecated, NeedsBrowserCompatibility, Reference, media feature
The device-width CSS @media media feature can be used to apply styles based on the width of the rendering surface of the output device.
295 display-mode @media, CSS, Reference, display, display-mode, media feature, web app manifest
The display-mode CSS @media media feature can be used to apply styles based on the display mode of an application. You can use it to provide a consistant user experience between launching a site from a URL and launching it from a desktop icon.
296 grid @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The grid CSS @media media feature can be used to apply styles based on whether the output device uses a grid-based or bitmap-based screen.
297 height @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The height CSS @media media feature can be used to apply styles based on the height of the viewport (or the page box, for paged media).
298 hover @media, CSS, Reference, media feature
The hover CSS @media media feature can be used to apply styles based on whether the user's primary input mechanism can hover over elements.
299 inverted-colors @media, CSS, NeedsExample, Reference, media feature
Technical review completed.
300 light-level @media, CSS, Non-standard, Reference, media feature
The light-level CSS @media media feature can be used to apply styles based on the ambient light level.
301 monochrome @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The monochrome CSS @media media feature can be used to apply styles based on the number of bits per pixel in the monochrome frame buffer of the output device.
302 orientation @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The orientation CSS @media media feature can be used to apply styles based on the orientation of the viewport (or the page box, for paged media).
303 overflow-block @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The overflow-block CSS @media media feature can be used to apply styles based on how the output device handles content that overflows the initial containing block along the block axis.
304 overflow-inline @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The overflow-inline CSS @media media feature can be used to apply styles based on how the output device handles content that overflows the initial containing block along the inline axis.
305 pointer @media, CSS, Reference, media feature
The pointer CSS @media media feature can be used to apply styles based on whether the user's primary input mechanism is a pointing device, and if so, how accurate it is.
306 resolution @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The resolution CSS @media media feature can be used to apply styles based on the pixel density of the output device.
307 scan @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The scan CSS @media media feature can be used to apply styles based on the scanning process (if any) utilized by the output device. The word scanning used in this context does not refer to an image scanner, such as one used to digitize a photograph. Rather, it means the process by which an image is painted onto a television screen (or other device).
308 scripting @media, CSS, Reference, media feature
The scripting CSS @media media feature can be used to apply styles based on whether scripting (such as JavaScript) is available.
309 update @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The update CSS @media media feature can be used to apply styles based on how frequently (if at all) the output device is able to modify the appearance of the content.
310 width @media, CSS, NeedsBrowserCompatibility, Reference, media feature
The width CSS @media media feature can be used to apply styles based on the width of the viewport (or the page box, for paged media).
311 @namespace At-rule, CSS, Layout, Reference, Web
@namespace is an at-rule that defines XML namespaces to be used in a CSS style sheet. The defined namespaces can be used to restrict the universal, type, and attribute selectors to only select elements within that namespace. The @namespace rule is generally only useful when dealing with documents containing multiple namespaces—such as HTML5 with inline SVG or MathML, or XML that mixes multiple vocabularies.
312 @page @page, At-rule, CSS, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The @page CSS at-rule is used to modify some CSS properties when printing a document. You can't change all CSS properties with @page. You can only change the margins, orphans, widows, and page breaks of the document. Attempts to change any other CSS properties will be ignored.
313 bleed @page, CSS, CSS Descriptor, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, Web
The bleed CSS at-rule descriptor, used with the @page at-rule, specifies the extent of the page bleed area outside the page box. This property only has effect if crop marks are enabled using the marks property.
314 marks @page, CSS, CSS Descriptor, Experimental, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, Web
The marks CSS at-rule descriptor, used with the @page at-rule, adds crop and/or cross marks to the presentation of the document. Crop marks indicate where the page should be cut. Cross marks are used to align sheets.
315 size @page, CSS, CSS Descriptor, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, Web
The size CSS at-rule descriptor, used with the @page at-rule, defines the size and orientation of the box which is used to represent a page. Most of the time, this size corresponds to the target size of the printed page if applicable.
316 @styleset CSS, NeedsContent, Reference, Web
See @font-feature-values .
317 @supports At-rule, CSS, Layout, Reference, Web
The @supports CSS at-rule lets you specify declarations that depend on a browser's support for one or more specific CSS features. This is called a feature query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule.
318 @viewport @viewport, At-rule, CSS, Layout, Mobile, NeedsContent, NeedsDiagram, Reference, Screen Layout, viewport
The @viewport CSS at-rule lets you configure the viewport through which the document is viewed. It's primarily used for mobile devices but is also used by desktop browsers that support features like "snap to edge" (such as Microsoft Edge). The at-rule contains a set of nested descriptors in a CSS block that is delimited by curly braces.
319 height @viewport, CSS, CSS Descriptor, Reference
The height CSS descriptor is a shorthand descriptor for setting both min-height and max-height of the viewport. by providing one viewport length value will set both, the minimum height and the maximum height, to the value provided.
320 max-height @viewport, CSS, CSS Descriptor, Reference
The max-height CSS descriptor specifies the maximum height of the viewport of a document defined via the @viewport at-rule.
321 max-width @viewport, CSS, CSS Descriptor, Reference
The max-width CSS descriptor specifies the maximum width of the viewport of a document defined via the @viewport at-rule.
322 max-zoom @viewport, CSS, CSS Descriptor, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Reference
The max-zoom CSS descriptor sets the maximum zoom factor of a document defined by the @viewport at-rule. The browser will not zoom in any further than this, whether automatically or at the user's request.
323 min-height @viewport, CSS, CSS Descriptor, Reference
The min-height CSS descriptor specifies the minimum height of the viewport of a document defined via the @viewport at-rule.
324 min-width @viewport, CSS, CSS Descriptor, Reference
The min-width CSS descriptor specifies the minimum width of the viewport of a document defined via @viewport.
325 min-zoom @viewport, CSS, CSS Descriptor, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Reference
The min-zoom CSS descriptor sets the minimum zoom factor of a document defined via @viewport. The browser will not zoom out any further than this, whether automatically or at the user's request.
326 orientation @viewport, CSS, CSS Descriptor, NeedsBrowserCompatibility, NeedsExample, Reference
The orientation CSS descriptor controls the orientation of a document defined by @viewport.
327 user-zoom @viewport, CSS, CSS Descriptor, Graphics, Layout, NeedsBrowserCompatibility, NeedsExample, Reference, Web
The user-zoom CSS descriptor controls whether or not the user can change the zoom factor of a document defined by @viewport.
328 width @viewport, CSS, CSS Descriptor, Reference
The width CSS descriptor is shorthand for setting both the min-width and the max-width of the viewport. By providing one viewport length value, that value will determine both the min-width and the max-width to the value provided.
329 zoom @viewport, CSS, CSS Descriptor, Graphics, Layout, NeedsBrowserCompatibility, NeedsExample, Reference, Web
The zoom CSS Descriptor sets the initial zoom factor of a document defined by @viewport.
330 Actual value CSS, Reference
The actual value of a CSS property is the used value of that property after any necessary approximations have been applied. For example, a user agent that can only render borders with a whole-number pixel width may round the thickness of the border to the nearest integer.
331 Adjacent sibling combinator CSS, NeedsMobileBrowserCompatibility, Reference, Selectors
The adjacent sibling combinator (+) separates two selectors and matches the second element only if it immediately follows the first element, and both are children of the same parent element.
332 All about the containing block CSS, CSS Position, Guide, Position, Reference
The size and position of an element are often impacted by its containing block. Most often, the containing block is the content area of an element's nearest block-level ancestor, but this is not always the case.
333 Alternative style sheets CSS, HTML, NeedsCompatTable, NeedsUpdate, Reference
Specifying alternative style sheets in a web page provides a way for users to see multiple versions of a page, based on their needs or preferences.
334 Animatable CSS properties CSS, CSS Animations, CSS Transitions, Reference
Certain CSS properties can be animated using CSS Animations or CSS Transitions. Animation means that their values can be made to change gradually over a given amount of time.
335 At-rule At-rule, CSS, Reference
An at-rule is a CSS statement beginning with an at sign, '@' (U+0040 COMMERCIAL AT), followed by an identifier and includes everything up to the next semi-colon, ';' (U+003B SEMICOLON), or the next CSS block, whichever comes first.
336 Attribute selectors Attribute, CSS, Reference, Selectors
The CSS attribute selector matches elements based on the presence or value of a given attribute.
337 CSS Animations CSS, CSS Animations, Overview, Reference
CSS Animations is a module of CSS that lets you animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their timing function, duration, their number of repetitions, and other attributes.
338 CSS Animations tips and tricks CSS, CSS Animations, Example, Guide, Reference
CSS Animations make it possible to do incredible things with the elements that make up your documents and apps. However, there are things you might want to do that aren't obvious, or clever ways to do things that you might not come up with right away. This article is a collection of tips and tricks we've found that may make your work easier, including how to run a stopped animation again.
339 Detecting CSS animation support Advanced, CSS, CSS Animations, Guide, JavaScript, Junk, Reference
CSS animations make it possible to do creative animations of content using nothing but CSS. However, there are likely to be times when this feature isn't available, and you may wish to handle that case by using JavaScript code to simulate a similar effect. This article, based on this blog post by Chris Heilmann, demonstrates a technique for doing this.
340 Using CSS animations Advanced, CSS, CSS Animations, Example, Guide
CSS animations make it possible to animate transitions from one CSS style configuration to another.
341 CSS Backgrounds and Borders CSS, CSS Backgrounds and Borders, Overview, Reference
CSS Backgrounds and Borders is a module of CSS that lets you style elements' backgrounds and borders. Backgrounds can be filled with a color or image, clipped or resized, and otherwise modified. Borders can be decorated with lines or images, and made square or rounded. Additionally, element boxes can be decorated with a shadow.
342 Scaling background images CSS, CSS Background, Example, Guide, Intermediate, Reference, Web
The background-size CSS property makes it possible to adjust the width and height of background images, thus overriding the default behavior which tiles background images at their full size.
343 Using multiple backgrounds CSS, CSS Background, Example, Guide, Reference
You can apply multiple backgrounds to elements. These are layered atop one another with the first background you provide on top and the last background listed in the back.
344 CSS Basic Box Model CSS, CSS Box Model, Overview, Reference
CSS Basic Box Model is a module of CSS that defines the rectangular boxes—including their padding and margin—that are generated for elements and laid out according to the visual formatting model.
345 Introduction to the CSS box model CSS, CSS Box Model, Guide, Reference
When laying out a document, the browser's rendering engine represents each element as a rectangular box according to the standard CSS box model. CSS determines the size, position, and properties (color, background, border size, etc.) of these boxes.
346 Mastering margin collapsing CSS, CSS Box Model, Guide, Reference
The top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the individual margins (or just one of them, if they are equal), a behavior known as margin collapsing. Note that the margins of floating and absolutely positioned elements never collapse.
347 CSS Basic User Interface CSS, CSS Basic User Interface, Overview, Reference
CSS Basic User Interface is a CSS module that lets you define the rendering and functionality of features related to the user interface.
348 Using URL values for the cursor property CSS, Gecko, Guide, NeedsUpdate, Reference
Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) supports URL values for the CSS cursor property on Windows and Linux. Mac support was added in Gecko 2 (Firefox 4). This allows specifying arbitrary images as mouse cursors — any image format supported by Gecko can be used.
349 CSS Charsets CSS, CSS Charsets, Overview, Reference
CSS Charsets is a module of CSS that lets you specify the character set used in the style sheet.
350 CSS Color CSS, CSS Colors, CSS Styles, HTML Colors, Overview, Reference, Styles, Styling HTML, colors
CSS Color is a CSS module that deals with colors, color types, color blending, and opacity.
351 Color picker tool CSS, CSS Color Picker, CSS Color Picker Tool, CSS Colors, Color Picker, HTML Color Picker, HTML Color Picker Tool, HTML Colors, Tools, color, colors
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
352 CSS Conditional Rules CSS, CSS Conditional Rules, Overview, Reference
CSS Conditional Rules is a CSS module that allows to define a set of rules that will only apply based on the capabilities of the processor or the document the style sheet is being applied to.
353 CSS Counter Styles CSS, CSS Counter Styles, NeedsContent, Overview, Reference
CSS Counter Styles is a module of CSS that lets you define your own counter styles.
354 CSS Custom Properties for Cascading Variables CSS, CSS Variables, Overview, Reference
CSS Custom Properties for Cascading Variables is a CSS module that allows for the creation of custom properties that can be used over and over.
355 CSS Device Adaptation CSS, CSS Device Adaptation, Overview, Reference
CSS Device Adaptation is a module of CSS that lets you define the size, zoom factor, and orientation of the viewport.
356 CSS Display CSS, CSS Display, Overview, Reference
CSS Display is a module of CSS that defines how the CSS formatting box tree is generated from the document element tree and defines properties controlling it.
357 CSS Flexible Box Layout CSS, CSS Flexible Boxes, Overview, Reference
CSS Flexible Box Layout is a module of CSS that defines a CSS box model optimized for user interface design, and the layout of items in one dimension. In the flex layout model, the children of a flex container can be laid out in any direction, and can “flex” their sizes, either growing to fill unused space or shrinking to avoid overflowing the parent. Both horizontal and vertical alignment of the children can be easily manipulated.
358 Advanced layouts with flexbox CSS, CSS Flexible Boxes, Reference
The defining aspect of the flexbox is the ability to alter its items, width, and/or height to best fill the available space on any display device. A flex container expands its items to fill the available free space or shrinks them to prevent overflow.
359 Basic concepts of flexbox CSS, Flex, Guide, axes, concepts, container, flexbox
The Flexible Box Module, usually referred to as flexbox, was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities. This article gives an outline of the main features of flexbox, which we will be exploring in more detail in the rest of these guides.
360 Relationship of flexbox to other layout methods CSS, Guide, Writing Mode, box alignment, contents, display, flexbox, grid
In this article we will take a look at how Flexbox fits in with all the other CSS modules. We’ll find out which specifications you also need to take notice of if you want to learn flexbox, and find out why flexbox is different to some other modules.
361 Using CSS Flexible Boxes #RWD, Advanced, Boxes, CSS, Example, Flexible, Guide, Web
The CSS3 Flexible Box, or flexbox, is a layout mode intended to accommodate different screen sizes and different display devices.
362 Using flexbox to lay out web applications Advanced, CSS, CSS Flexible Boxes, Example, Guide, Web
Using flexbox can help you design compelling layouts in web applications that scale better from desktop to mobile. Put an end to floating <div> elements, absolute positioning, and JavaScript hacks, and start building horizontal and vertical flowing layouts in just a few lines of CSS. Some basic example use cases:
363 CSS Fonts CSS, CSS Fonts, Overview, Reference
CSS Fonts is a module of CSS that defines font-related properties and how font resources are loaded. It lets you define the style of a font, such as its family, size and weight, line height, and the glyph variants to use when multiple are available for a single character.
364 CSS Fragmentation CSS, CSS Fragmentation, NeedsCompatTable, NeedsContent, Overview, Reference
CSS Fragmentation is a module of CSS that defines how content is displayed when it is broken (fragmented) across multiple pages, regions, or columns.
365 CSS Generated Content CSS, CSS Generated Content, Overview, Reference
CSS Generated Content is a module of CSS that defines how to add content to an element.
366 CSS Grid Layout CSS, Grid Layout, Grids, Layout, Overview, Reference
CSS Grid Layout excels at dividing a page into major regions, or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.
367 Auto-placement in CSS Grid Layout CSS, CSS Grids, Guide
In addition to the ability to place items accurately onto a created grid, the CSS Grid Layout specification contains rules that control what happens when you create a grid and do not place some or all of the child items. You can see auto-placement in action in the simplest of ways by creating a grid on a set of items. If you give the items no placement information they will position themselves on the grid, one in each grid cell.
368 Basic concepts of grid layout CSS, CSS Grids, Guide, Layout
CSS Grid Layout introduces a two-dimensional grid system to CSS. Grids can be used to lay out major page areas or small user interface elements. This article introduces CSS Grid Layout and the new terminology that is part of the CSS Grid Layout Level 1 specification. The features shown in this overview will be then explained in greater detail in the rest of this guide.
369 Box alignment in CSS Grid Layout CSS, CSS Grid, Guide
If you are familiar with flexbox then you will already have encountered the way in which flex items can be properly aligned inside the flex container. These alignment properties that we first met in the flexbox specification have been moved into a new specification called Box Alignment Level 3. This specification has details for how alignment should work in all of the different layout methods.
370 CSS Grid Layout and Accessibility Accessibility, CSS, CSS Grids, Guide
Those of us who have been doing web development for more years than we care to remember might consider that CSS Grid is a little bit like using “tables for layout”. Back in the early days of web design, the way we constructed page layout was to use HTML tables, then fragment our design into the cells of those tables in order to create a layout. This had some advantages over the “CSS Positioning” that came afterwards, in that we could take advantage of the alignment and full height columns offered by table display. The biggest downside however was that it tied our design to the mark-up, often creating accessibility issues as it did so. In order to lay the design out in the table we often broke up the content in ways that made no sense at all when read out by a screen reader for example.
371 CSS Grid Layout and Progressive Enhancement CSS, CSS Grids, Design, Guide
we should shortly have CSS Grid Layout support in the public versions of Firefox, Chrome, Opera and Safari. However, while evergreen browsers mean that many of us are going to see the majority of users having Grid Layout support very quickly, there are also old or non-supporting browsers to contend with. In this guide we will walk through a variety of strategies for support.
372 CSS grids, logical values and writing modes CSS, CSS Grids, Guide
For this guide, we will look at this feature of grid and other modern layout methods, learning a little about writing modes and logical versus physical properties as we do so.
373 Grid template areas CSS, CSS Grids, Guide
In the previous guide we looked at grid lines, and how to position items against those lines. When you use CSS Grid Layout you always have lines, and this can be a straightforward way to place items on your grid. However, there is an alternate method to use for positioning items on the grid which you can use alone or in combination with line-based placement. This method involves placing our items using named template areas, and we will find out exactly how this method works. You will see very quickly why we sometimes call this the ascii-art method of grid layout!
374 Layout using named grid lines CSS, CSS Grids, Guide
In previous guides we’ve looked at placing items by the lines created by defining grid tracks and also how to place items using named template areas. In this guide we are going to look at how these two things work together when we use named lines. Line naming is incredibly useful, but some of the more baffling looking grid syntax comes from this combination of names and track sizes. Once you work through some examples it should become clearer and easier to work with.
375 Line-based placement with CSS Grid CSS, CSS Grids, Guide
In the article covering the basic concepts of grid layout, we started to look at how to position items on a grid using line numbers. In this article we will fully explore how this fundamental feature of the specification works.
376 Realizing common layouts using CSS Grid Layout CSS, CSS Grids, Guide
To round off this set of guides to CSS Grid Layout, I am going to walk through a few different layouts, which demonstrate some of the different techniques you can use when designing with grid layout. We will look at an example using grid-template-areas, a typical 12-column flexible grid system, and also a product listing using auto-placement. As you can see from this set of examples, there is often more than one way to achieve the result you want with grid layout. Choose the method you find most helpful for the problems that you are solving and the designs that you need to implement.
377 Relationship of grid layout to other layout methods CSS, CSS Grids, Guide
CSS Grid Layout has been designed to work alongside other parts of CSS, as part of a complete system for doing layout. In this guide I will explain how a grid fits together with other techniques you may already be using.
378 CSS Images CSS, CSS Images, Overview, Reference
CSS Images is a module of CSS that defines what types of images can be used (the <image> type, containing URLs, gradients and other types of images), how to resize them and how they, and other replaced content, interact with the different layout models.
379 Implementing image sprites in CSS Advanced, CSS, CSS Images, Graphics, Guide, NeedsContent, Sprites, Web
Image sprites are used in numerous web apps where multiple images are used. Rather than include each image as a separate image file, it is much more memory- and bandwidth-friendly to send them as a single image, so the number of HTTP requests is reduced.
380 Using CSS gradients Advanced, CSS, CSS Images, Example, Guide, Web
CSS gradients are represented by the <gradient> data type, a special type of <image> made of a progressive transition between two or more colors. You can choose between two types of gradients: linear (created with the linear-gradient() function) and radial (created with radial-gradient()).
381 CSS Lists CSS, CSS Lists, Overview, Reference
CSS Lists is a module of CSS that defines how lists can be laid out and styled.
382 Consistent list indentation CSS, Guide, NeedsUpdate
One of the most common style changes made to lists is a change in the indentation distance—that is, how far the list items are pushed over to the right.
383 Using CSS counters Advanced, CSS, CSS Counter Styles, Guide, Layout, Reference, Web
CSS counters let you adjust the appearance of content based on its location in a document. For example, you can use counters to automatically number the headings in a webpage. Counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they're used.
384 CSS Logical Properties and Values CSS, CSS Logical Properties, Overview, Reference
CSS Logical Properties and Values is a module of CSS that introduces logical properties and values that provide authors with the ability to control layout through logical, rather than physical, direction and dimension mappings. The module also defines logical properties and values for properties previously defined in CSS 2.1. Logical properties are writing direction‐relative equivalents of their corresponding physical properties.
385 CSS Masking CSS, CSS Masking, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Overview, Reference
CSS Masking is a CSS module that defines means, including masking and clipping, for partially or fully hiding portions of visual elements.
386 CSS Miscellaneous CSS, Overview, Reference
These pages contain CSS properties that are highly experimental or don't fit in any other categories.
387 CSS Multi-column Layout CSS, CSS Multi-column Layout, Layout, Overview, Reference
The CSS Multi-column Layout standard is a CSS module that adds support for multi-column layouts to CSS. This module makes it easier and more reliable than ever to produce columnar layouts without having to hand-code complicated and fragile structures. Support is included for establishing the number of columns in a layout, as well as how content should flow from column to column, gap sizes, column dividing lines (known as column rules), and so forth.
388 Using multi-column layouts Advanced, CSS, CSS Multi-column Layout, Guide, Web
The CSS Multi-column Layout Module extends the block layout mode to allow the easy definition of multiple columns of text.
389 CSS Namespaces CSS, CSS Namespaces, NeedsMobileBrowserCompatibility, Overview, Reference, Web
CSS Namespaces is a CSS module that allows authors to specify XML namespaces in CSS.
390 CSS Paged Media CSS, CSS Paged Media, Overview, Reference
CSS Paged Media is a module of CSS that defines how page switches are handled.
391 CSS Positioned Layout CSS, CSS Positioning, Overview, Reference
CSS Positioned Layout is a module of CSS that defines how to position elements on the page.
392 Understanding CSS z-index Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
The z-index attribute lets you adjust the order of the layering of objects when rendering content.
393 Stacking context example 1 Advanced, CSS, Understanding_CSS_z-index
Let's start with a basic example. In the root stacking context we have two DIVs (DIV #1 and DIV #3), both relatively positioned, but without z-index properties. Inside DIV #1 there is an absolutely positioned DIV #2, while in DIV #3 there is an absolutely positioned DIV #4, both without z-index properties.
394 Stacking context example 2 Advanced, CSS, Understanding_CSS_z-index
This is a very simple example, but it is the key for understanding the concept of stacking context. There are the same four DIVs of the previous example, but now z-index properties are assigned on both levels of the hierarchy.
395 Stacking context example 3 Advanced, CSS, Understanding_CSS_z-index
This last example shows problems that arise when mixing several positioned elements in a multi-level HTML hierarchy and when z-indexes are assigned using class selectors.
396 Stacking with floated blocks Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
For floated blocks, the stacking order is a bit different. Floating blocks are placed between non-positioned blocks and positioned blocks:
397 Stacking without the z-index property Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
When the z-index property is not specified on any element, elements are stacked in the following order (from bottom to top):
398 The stacking context Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
The stacking context is a three-dimensional conceptualization of HTML elements along an imaginary z-axis relative to the user, who is assumed to be facing the viewport or the webpage. HTML elements occupy this space in priority order based on element attributes.
399 Using z-index Advanced, CSS, Guide, Reference, Understanding_CSS_z-index, z-index
The first part of this article, Stacking without the z-index property, explains how stacking is arranged by default. If you want to create a custom stacking order, you can use the z-index property on a positioned element.
400 CSS Properties Reference CSS
The following is a basic list of the most common CSS properties with the equivalent of the DOM notation which is usually accessed from JavaScript:
401 CSS Ruby Layout CSS, CSS Ruby, Overview, Reference
CSS Ruby Layout is a module of CSS that provides the rendering model and formatting controls related to the display of ruby annotation. Ruby annotation is a form of interlinear annotation, consisting of short runs of text alongside the base text. They are typically used in East Asian documents to indicate pronunciation or to provide a short annotation.
402 CSS Scroll Snap CSS, CSS Scroll Snap, Overview, Reference
CSS Scroll Snap is a module of CSS that introduces scroll snap positions. These determine the specific positions that a container’s scrollport may end at after a scrolling operation has completed.
403 CSS Shapes CSS, CSS Shapes, Overview, Reference
CSS Shapes is a CSS module that defines geometric shapes for use in CSS values.
404 CSS Table CSS, CSS Table, Overview, Reference
CSS Table is a CSS module that defines how to lay out table data.
405 CSS Text CSS, CSS Text, Overview
CSS Text is a module of CSS that defines how to perform text manipulation, like line breaking, justification and alignment, white space handling, and text transformation.
406 CSS Text Decoration CSS, CSS Text Decoration, Overview, Reference
CSS Text Decoration is a module of CSS that defines features relating to text decoration, such as underlines, text shadows, and emphasis marks.
407 CSS Transforms CSS, CSS Transforms, Overview, Reference
CSS Transforms is a module of CSS that defines how elements styled with CSS can be transformed in two-dimensional or three-dimensional space.
408 Using CSS transforms Advanced, CSS, CSS Transforms, Guide
By modifying the coordinate space, CSS transforms change the shape and position of the affected content without disrupting the normal document flow. This guide provides an introduction to using transforms.
409 CSS Transitions CSS, CSS Transitions, Overview, Reference
CSS Transitions is a module of CSS that lets you create gradual transitions between the values of specific CSS properties. The behavior of these transitions can be controlled by specifying their timing function, duration, and other attributes.
410 Using CSS transitions Advanced, CSS, CSS Transitions, CSS3 Transitions, Guide
CSS transitions provide a way to control animation speed when changing CSS properties. Instead of having property changes take effect immediately, you can cause the changes in a property to take place over a period of time.
411 CSS Tutorials CSS, Guide, Junk, Tutorial
Learning CSS may be a daunting task. In order to help you, we have written numerous tutorials about CSS. Some are aimed at complete beginners, while others present complex features to be used by more experienced users.
412 CSS Writing Modes CSS, CSS Writing Modes, Overview, Reference
CSS Writing Modes is a CSS module that defines various international writing modes, such as left-to-right (e.g. used by Latin and Indic scripts), right-to-left (e.g. used by Hebrew or Arabic scripts), bidirectional (used when mixing left-to-right and right-to-left scripts) and vertical (e.g. used by some Asian scripts).
413 CSS basic data types CSS, CSS Data Type, Overview, Reference
CSS basic data types are a special kind of component value type. They define the kinds of values (keywords and units) accepted by CSS properties and functions.
414 CSS documentation index CSS
Found 805 pages:
415 CSS reference CSS, Reference, l10n:priority
Use this CSS reference to browse an alphabetical index of all the standard CSS properties, pseudo-classes, pseudo-elements, data types, and at-rules. You can also browse a list of all the CSS selectors organized by type and a list of key CSS concepts. Also included is a brief DOM-CSS / CSSOM reference.
416 CSS selectors CSS, CSS Selectors, Overview, Reference, Selectors
CSS selectors define the elements to which a set of CSS rules apply.
417 Using the :target pseudo-class in selectors :target, CSS, Guide, Reference, Selectors
When a URL points at a specific piece of a document, it can be difficult for the user to notice. Find out how you can use some simple CSS to draw attention to the target of a URL and improve the user's experience.
418 CSS3 CSS, NeedsUpdate, Reference
Technical review completed. Editorial review completed.
419 CSSOM View CSS, CSSOM, CSSOM View, Layout, Overview, Reference
CSSOM View is a module of CSS that lets you manipulate the visual view of a document, in particular its scrolling behavior.
420 Coordinate systems CSS, CSSOM, CSSOM View, Coordinate systems, Coordinates, Layout, NeedsContent
When specifying the location of a pixel in a graphics context, just like when specifying coordinate systems in algebra, that position is specified in terms of its position relative to a fixed point in the context, which is called the origin. The position is specified as the number of pixels offset from the origin along each dimension of the context.
421 Cascade CSS, Reference
The cascade is an algorithm that defines how to combine property values originating from different sources. It lies at the core of CSS, as emphasized by the name: Cascading Style Sheets.
422 Child combinator CSS, Reference, Selectors
The child combinator (>) is placed between two CSS selectors. It matches only those elements matched by the second selector that are the children of elements matched by the first.
423 Class selectors CSS, Reference, Selectors
The CSS class selector matches elements based on the contents of their class attribute.
424 Comments CSS, Reference
A CSS comment is used to add explanatory notes to the code or to prevent the browser from interpreting specific parts of the style sheet. By design, comments have no effect on the layout of a document.
425 Compositing and Blending CSS, Compositing and Blending, Overview, Reference
Compositing and Blending is a CSS module that defines how shapes of different elements are combined into a single image.
426 Computed value CSS, Reference
The computed value of a CSS property is the value that is transferred from parent to child during inheritance.
427 Custom properties (--*) CSS, CSS Variables, Experimental, Reference
Property names that are prefixed with --, like --example-name, represent custom properties that contain a value that can be reused throughout the document using the (var()) function.
428 Descendant combinator CSS, Reference, Selectors
The descendant combinator — typically represented by a single space ( ) character — combines two selectors such that elements matched by the second selector are selected if they have an ancestor element matching the first selector. Selectors that utilize a descendant combinator are called descendant selectors.
429 Draft Implementations of CSS Features CSS, Junk, Reference
Mozilla supports a number of extensions to CSS that are prefixed with -moz-. The following list contains all Mozilla extensions that are implementations of features that are being standardized by the W3C. Proprietary features are omitted.
430 Filter Effects CSS, Filter Effects, Overview, Reference
Filter Effects is a module of CSS that defines a way of processing an element’s rendering before it is displayed in the document.
431 General sibling combinator CSS, Reference, Selectors
The general sibling combinator (~) separates two selectors and matches the second element only if it follows the first element (though not necessarily immediately), and both are children of the same parent element.
432 ID selectors CSS, Reference, Selectors
In an HTML document, the CSS ID selector matches an element based on the value of its id attribute. The selected element's ID attribute must match exactly the value given in the selector.
433 Inheritance CSS, Guide, Reference, Web
In CSS, inheritance controls what happens when no value is specified for a property on an element. Refer to any CSS property definition to see whether a specific property inherits by default ("Inherited: yes") or not ("Inherited: no").
434 Initial value CSS, Reference
The initial value of a CSS property is its default value, as listed in its definition table.
435 Layout mode CSS, Layout, Reference
A CSS layout mode, sometimes simply called layout, is an algorithm that determines the position and size of boxes based on the way they interact with their sibling and ancestor boxes. There are several of them:
436 List of Proprietary CSS Features CSS, Junk, NeedsContent, NeedsUpdate
This list includes proprietary extensions to CSS in different browser engines which are not experimental implementations of features being standardized (see Draft Implementations of CSS Features for a list of these).
437 Media queries CSS, CSS3 Media Queries, Media Queries, Overview, Reference, Responsive Design
Media queries are a key component of responsive design, which make it possible for CSS to adapt based on various parameters or device characteristics. For example, a media query can apply different styles if the screen is smaller than a certain size, or based on whether the user is holding their device in portrait or landscape mode. The @media at-rule is used to conditionally apply styles to a document.
438 Testing media queries using code Advanced, CSS, DOM, Guide, JavaScript, Media Queries, MediaQueryList, Responsive Design, Web, matchMedia
The DOM provides features that can test the results of a media query programmatically, via the MediaQueryList interface and its methods and properties. Once you've created a MediaQueryList object, you can check the result of the query or receive notifications when the result changes.
439 Using media queries Advanced, CSS, Guide, Media, Media Queries, Responsive Design, Web
Media queries are useful when you want to apply CSS styles depending on a device's general type (such as print vs. screen), specific characteristics (such as the width of the browser viewport, or environment (such as ambient light conditions). With the huge variety of internet-connected devices available today, media queries are a vital tool for building websites and apps that are robust enough to work on whatever hardware your users have.
440 Microsoft CSS extensions CSS, Non-standard, Reference
Microsoft applications such as Edge and Internet Explorer support a number of special Microsoft extensions to CSS. These extensions are prefixed with -ms.
441 Motion Path CSS, Experimental, Motion Path, Overview, Reference
Motion Path is a CSS module that allows authors to animate any graphical object along a custom path.
442 Mozilla CSS extensions CSS, CSS:Mozilla Extensions, Non-standard, Reference
Mozilla applications such as Firefox support a number of special Mozilla extensions to CSS, including properties, values, pseudo-elements and pseudo-classes, at-rules, and media queries. These extensions are prefixed with -moz.
443 Mozilla CSS support chart CSS, NeedsUpdate, Reference
This page lists supported CSS selectors, properties, @-rules, Media queries and values in alphabetical order.
444 Paged media CSS, Page Breaks, Reference
Paged media properties control the presentation of content for print or any other media that splits content into discrete pages. It allows you to set page breaks, control printable area, style left and right pages differently, and control breaks inside elements. Popularly supported properties include
445 Privacy and the :visited selector CSS, Guide, Pseudo-class, Reference, Security, Selectors
Before about 2010, the CSS :visited selector allowed websites to uncover a user's browsing history and figure out what sites the user had visited. This was done through window.getComputedStyle and other techniques. This process was quick to execute, and made it possible not only to determine where the user had been on the web, but could also be used to guess a lot of information about the user's identity.
446 Pseudo-classes CSS, Pseudo-class, Reference, Selectors
A CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hover can be used to change a button's color when the user hovers over it.
447 Pseudo-elements CSS, Pseudo-element, Reference, Selectors
A CSS pseudo-element is a keyword added to a selector that lets you style a specific part of the selected element(s). For example, ::first-line can be used to change the font of the first line of a paragraph.
448 Questions about CSS Beginner, CSS, Junk, NeedsContent, NeedsHelp
No summary!
449 Replaced element CSS, Reference, replaced element
In CSS, a replaced element is an element whose representation is outside the scope of CSS. In other words, these are external objects whose representation is independent of the CSS formatting model.
450 Resolved value CSS, Reference
The resolved value of a CSS property is the value returned by getComputedStyle().
451 Scaling of SVG backgrounds CSS, CSS Background, Guide, Images, Reference, SVG
Given the flexibility of SVG images, there's a lot to keep in mind when using them as background images with the background-image property, and even more to keep in mind when also scaling them using the background-size property. This article describes how scaling of SVG images is handled when using these properties.
452 Shorthand properties CSS, Guide, Reference
Shorthand properties are CSS properties that let you set the values of several other CSS properties simultaneously. Using a shorthand property, you can write more concise (and often more readable) style sheets, saving time and energy.
453 Specificity CSS, Example, Guide, Reference, Web
Specificity is the means by which browsers decide which CSS property values are the most relevant to an element and, therefore, will be applied. Specificity is based on the matching rules which are composed of different sorts of CSS selectors.
454 Specified value CSS, Reference
The specified value of a CSS property is the value it receives from the document's style sheet.
455 Syntax CSS, Guide, Reference, Web
The basic goal of the Cascading Stylesheet (CSS) language is to allow a browser engine to paint elements of the page with specific features, like colors, positioning, or decorations. The CSS syntax reflects this goal and its basic building blocks are:
456 Tools CSS, NeedsUpdate
CSS offers a number of powerful features that can be tricky to use, or have a number of parameters, so that it's helpful to be able to visualize them while you work on them. This page offers links to a number of useful tools that will help you build the CSS to style your content using these features.
457 Cubic Bezier Generator CSS, Tools
This is a sample tool; it lets you edit Bezier curves. This is not really yet a useful tool, but will be!
458 Linear-gradient Generator CSS, Tools
This tool can be used to create custom CSS3 linear-gradient() backgrounds.
459 Type selectors CSS, HTML, NeedsMobileBrowserCompatibility, Node, Reference, Selectors
The CSS type selector matches elements by node name. In other words, it selects all elements of the given type within a document.
460 Universal selectors CSS, Reference, Selectors
The CSS universal selector (*) matches elements of any type.
461 Used value CSS, Reference
The used value of a CSS property is its value after all calculations have been performed on the computed value.
462 Using CSS custom properties (variables) CSS, CSS Variables, Guide, Web
Complex websites have very large amounts of CSS, often with a lot of repeated values. For example, the same colour might be used in hundreds of different places, requiring global search and replace if that colour needs to change. CSS variables allow a value to be stored in one place, then referenced in multiple other places. An additional benefit is semantic identifiers. For example --main-text-color is easier to understand than #00ff00, especially if this same color is also used in another context.
463 Value definition syntax CSS, Reference
No summary!
464 Visual formatting model CSS, CSS Box Model, NeedsUpdate, Reference
The CSS visual formatting model is an algorithm that processes a document and displays it on visual media. This model is a basic concept of CSS.
465 WebKit CSS extensions CSS, Non-standard, Reference, WebKit
Applications based on WebKit or Blink, such as Safari and Chrome, support a number of special WebKit extensions to CSS. These extensions are generally prefixed with -webkit. All -webkit prefixed properties also work with an -apple prefix. A few are prefixed with -epub.
466 align-content CSS, CSS Flexible Boxes, CSS Property, Reference
The CSS align-content property defines how the browser distributes space between and around content items along the cross-axis of their container, which is serving as a flexible box container.
467 align-items CSS, CSS Flexible Boxes, CSS Property, Reference
The CSS align-items property defines how the browser distributes space between and around flex items along the cross-axis of their container. This means it works like justify-content but in the perpendicular direction.
468 align-self CSS, CSS Flexible Boxes, CSS Property, Reference
The align-self CSS property aligns flex items of the current flex line overriding the align-items value. If any of the item's cross-axis margin is set to auto, then align-self is ignored.
469 all CSS, CSS Cascade, CSS Property, Reference
The CSS all shorthand property resets all properties, apart from unicode-bidi and direction, to their initial or inherited value.
470 animation CSS, CSS Animations, CSS Property, Reference
The animation CSS property is a shorthand property for the various animation properties: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state.
471 animation-delay CSS, CSS Animations, CSS Property, Reference
The animation-delay CSS property specifies when an animation should start. You can begin the animation at a future point in time, immediately and from its begining, or immediately and partway through the animation cycle.
472 animation-direction CSS, CSS Animations, CSS Property, Reference
The animation-direction CSS property specifies whether an animation should play forwards, backwards, or alternating back and forth.
473 animation-duration CSS, CSS Animations, CSS Property, Reference
The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle.
474 animation-fill-mode CSS, CSS Animations, CSS Property, NeedsMobileBrowserCompatibility, Reference
The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after its execution.
475 animation-iteration-count CSS, CSS Animations, CSS Property, CSS Property Animations
The animation-iteration-count CSS property specifies the number of times an animation cycle should be played before stopping. If multiple values are specified, each time the animation is played, the next value in the list is used, cycling back to the first value after the last one is used.
476 animation-name CSS, CSS Animations, CSS Property, Reference
The animation-name CSS property specifies one or more animations that should be applied to an element. Each name indicates an @keyframes at-rule that defines the property values for the animation sequence.
477 animation-play-state CSS, CSS Animations, CSS Property, NeedsMobileBrowserCompatibility, Reference
The animation-play-state CSS property specifies whether an animation is running or paused. In JavaScript, this can be queried to determine whether or not the animation is currently running. In addition, you can use JavaScript to set its value to pause or resume playback of an animation.
478 animation-timing-function CSS, CSS Animations, CSS Property, Reference
The animation-timing-function CSS property specifies how a CSS animation should progress over the duration of each cycle.
479 attr CSS, CSS Function, Layout, Reference, Web
The attr() CSS function is used to retrieve the value of an attribute of the selected element and use it in the style sheet. It can also be used on pseudo-elements, in which case the value of the attribute on the pseudo-element's originating element is returned.
480 aural CSS, Deprecated, Reference
The aural CSS media type is used for devices that have speech output capabilities.
481 azimuth CSS, CSS Property, Deprecated, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate, Reference
In combination with elevation, the azimuth CSS property enables different audio sources to be positioned spatially for aural presentation. This is important in that it provides a natural way to tell several voices apart, as each can be positioned to originate at a different location on the sound stage. Stereo output produce a lateral sound stage, while binaural headphones and multi-speaker setups allow for a fully three-dimensional stage.
482 backdrop-filter CSS, CSS Property, Graphics, Layout, NeedsContent, NeedsMobileBrowserCompatibility, Reference, SVG, SVG Filter, Web
The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.
483 backface-visibility CSS, CSS Property, Experimental, Reference
The backface-visibility CSS property determines whether or not the back face of the element is visible when facing the user. The back face of an element is always a transparent background, letting, when visible, a mirror image of the front face be displayed.
484 background CSS, CSS Background, CSS Property, Reference
The CSS background shorthand property lets you adjust all of the available background style options at once, including color image, origin and size, repeat method, and other features.
485 background-attachment CSS, CSS Background, CSS Property, Reference
If a background-image is specified, the background-attachment CSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block.
486 background-blend-mode CSS, CSS Property, Compositing and Blending
The background-blend-mode CSS property describes how the element's background images should blend with each other and the element's background color.
487 background-clip CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference
The background-clip CSS property specifies if an element's background, whether a <color> or an <image>, extends underneath its border.
488 background-color CSS, CSS Background, CSS Property, Graphics, HTML Colors, HTML Styles, Layout, Reference, Styles, Styling HTML, background-color
The background-color CSS property sets the background color of an element, using either a <color> value or the keyword transparent.
489 background-image CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference
The background-image CSS property sets one or more background images on an element.
490 background-origin CSS, CSS Background, CSS Property, Reference
The background-origin CSS property sets the background positioning area, i.e., the origin position of an image specified using the background-image property.
491 background-position CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference
The background-position CSS property sets the initial position for each defined background image, relative to the background position layer defined by background-origin.
492 background-position-x CSS, CSS Background, CSS Property, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The background-position-x CSS property sets the initial horizontal position, relative to the background position layer defined by background-origin for each defined background image. For more information, see the background-position property, which has been widely supported.
493 background-position-y CSS, CSS Background, CSS Property, Experimental, Reference
The background-position-y CSS property sets the initial vertical position, relative to the background position layer defined by background-origin for each defined background image. For more information, see the background-position property, which has been widely supported for much longer.
494 background-repeat CSS, CSS Background, CSS Property, Reference
The background-repeat CSS property defines how background images are repeated. A background image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
495 background-size CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference
The background-size CSS property specifies the size of an element's background image. The image can be left to its natural size, stretched to a new size, or constrained to fit the available space while preserving its intrinsic proportions.
496 block-size CSS, CSS Logical Property, CSS Property, Experimental, Reference
The block-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending on the value of writing-mode.
497 border CSS, CSS Borders, CSS Property, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The border CSS property is a shorthand property for setting all individual border property values at once: border-width, border-style, and border-color. As with all shorthand properties, any individual value that is not specified is set to its corresponding initial value. Importantly, border cannot be used to specify a custom value for border-image, but instead sets it to its initial value, i.e., none.
498 border-block-end CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-block-end CSS property is a shorthand property for setting the individual logical block-end border property values in a single place in the style sheet.
499 border-block-end-color CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-block-end-color CSS property defines the color of the logical block-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-colorborder-right-colorborder-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
500 border-block-end-style CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-block-end-style CSS property defines the style of the logical block end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-styleborder-right-styleborder-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
501 border-block-end-width CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-block-end-width CSS property defines the width of the logical block-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-widthborder-right-widthborder-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.
502 border-block-start CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-block-start CSS property is a shorthand property for setting the individual logical block-start border property values in a single place in the style sheet.
503 border-block-start-color CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-block-start-color CSS property defines the color of the logical block-start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-colorborder-right-colorborder-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
504 border-block-start-style CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-block-start-style CSS property defines the style of the logical block start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-styleborder-right-styleborder-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
505 border-block-start-width CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-block-start-width CSS property defines the width of the logical block-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-widthborder-right-widthborder-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.
506 border-bottom CSS, CSS Borders, CSS Property, Reference
The border-bottom CSS property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe an element's bottom border.
507 border-bottom-color CSS, CSS Borders, CSS Property, Reference
The border-bottom-color CSS property sets the color of an element's bottom border. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.
508 border-bottom-left-radius CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference
The border-bottom-left-radius CSS property sets the rounding of the bottom-left corner of the element.
509 border-bottom-right-radius CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference
The border-bottom-right-radius CSS property sets the rounding of the bottom-right corner of the element.
510 border-bottom-style CSS, CSS Borders, CSS Property, Reference
The border-bottom-style CSS property sets the line style of an element's bottom border.
511 border-bottom-width CSS, CSS Borders, CSS Property, Reference
The border-bottom-width CSS property sets the width of the bottom border of a box.
512 border-collapse CSS, CSS Borders, CSS Property, CSS Tables, Reference
The border-collapse CSS property specifies whether a table's borders are separated (cells have distinct borders from each other) or collapsed (adjacent cells share borders).
513 border-color CSS, CSS Borders, CSS Property, CSS Styles, HTML Colors, Reference, Styling HTML, border-color, borders, colors
The border-color CSS property is a shorthand property for setting the color of the four sides of an element's border.
514 border-image CSS, CSS Borders, CSS Property, Reference
The border-image CSS property allows drawing an image on the borders of elements. This makes drawing complex looking widgets much simpler than it has been and removes the need for nine boxes in some cases. The border-image is used instead of the border styles given by the border-style properties.
515 border-image-outset CSS, CSS Borders, CSS Property, NeedsExample, Reference
The border-image-outset property describes by what amount the border image area extends beyond the border box.
516 border-image-repeat CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference
The border-image-repeat CSS property defines how the middle part of a border image is handled so that it can match the size of the border. It has a one-value syntax that describes the behavior of all the sides, and a two-value syntax that sets a different value for the horizontal and vertical behavior.
517 border-image-slice CSS, CSS Borders, CSS Property, NeedsExample, Reference
The border-image-slice CSS property divides the image specified by border-image-source in nine regions: the four corners, the four edges and the middle.
518 border-image-source CSS, CSS Borders, CSS Property, Reference
The border-image-source CSS property defines the <image> to use instead of the style of the border. If this property is set to none, the style defined by border-style is used instead.
519 border-image-width CSS, CSS Borders, CSS Property, Reference
The border-image-width CSS property defines the width of the border image by defining inward offsets from the border edges. If the border-image-width is greater than the border-width, then the border image extends beyond the padding (and/or content) edge.
520 border-inline-end CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inline-end CSS property is a shorthand property for setting the individual logical inline-end border property values in a single place in the style sheet.
521 border-inline-end-color CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inline-end-color CSS property defines the color of the logical inline-end border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-colorborder-right-colorborder-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
522 border-inline-end-style CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inline-end-style CSS property defines the style of the logical inline end border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-styleborder-right-styleborder-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
523 border-inline-end-width CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inline-end-width CSS property defines the width of the logical inline-end border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-widthborder-right-widthborder-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.
524 border-inline-start CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inline-start CSS property is a shorthand property for setting the individual logical inline-start border property values in a single place in the style sheet.
525 border-inline-start-color CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inline-start-color CSS property defines the color of the logical inline start border of an element, which maps to a physical border color depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-colorborder-right-colorborder-bottom-color, or border-left-color property depending on the values defined for writing-mode, direction, and text-orientation.
526 border-inline-start-style CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inline-start-style CSS property defines the style of the logical inline start border of an element, which maps to a physical border style depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-styleborder-right-styleborder-bottom-style, or border-left-style property depending on the values defined for writing-mode, direction, and text-orientation.
527 border-inline-start-width CSS, CSS Logical Property, CSS Property, Experimental, Reference
The border-inline-start-width CSS property defines the width of the logical inline-start border of an element, which maps to a physical border width depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-top-widthborder-right-widthborder-bottom-width, or border-left-width property depending on the values defined for writing-mode, direction, and text-orientation.
528 border-left CSS, CSS Borders, CSS Property, Reference
The border-left CSS property is a shorthand that sets the values of border-left-color, border-left-style, and border-left-width. These properties describe an element's left border.
529 border-left-color CSS, CSS Borders, CSS Property, Reference
The border-left-color CSS property sets the color of an element's left border. Note that in many cases the shorthand CSS properties border-color or border-left are more convenient and preferable.
530 border-left-style CSS, CSS Borders, CSS Property, Reference
The border-left-style CSS property sets the line style of an element's left border.
531 border-left-width CSS, CSS Borders, CSS Property, Reference
The border-left-width CSS property sets the width of the left border of a box.
532 border-radius CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference
The border-radius CSS property allows Web authors to define how rounded border corners are. You can specify a single radius to make circular corners, or two radii, to make elliptical corners.
533 border-right CSS, CSS Borders, CSS Property, Reference
The border-right CSS property is a shorthand that sets the values of border-right-color, border-right-style, and border-right-width. These properties describe an element's right border.
534 border-right-color CSS, CSS Borders, CSS Property, Reference
The border-right-color CSS property sets the color of an element's right border. Note that in many cases the shorthand CSS properties  border-color or border-right are more convenient and preferable.
535 border-right-style CSS, CSS Borders, CSS Property, Reference
The border-right-style CSS property sets the line style of an element's right border.
536 border-right-width CSS, CSS Borders, CSS Property, Reference
The border-right-width CSS property sets the width of the right border of a box.
537 border-spacing CSS, CSS Property, CSS Tables, Reference
The border-spacing CSS property specifies the distance between the borders of adjacent <table> cells. This property applies only when border-collapse is separate.
538 border-style CSS, CSS Borders, CSS Property, Reference
The border-style CSS property is a shorthand property that sets the line style for all four sides of an element's border.
539 border-top CSS, CSS Borders, CSS Property, Reference
The border-top CSS property is a shorthand that sets the values of border-top-color, border-top-style, and border-top-width. These properties describe an element's top border.
540 border-top-color CSS, CSS Borders, CSS Property, Reference
The border-top-color CSS property sets the color of an element's top border. Note that in many cases the shorthand CSS properties border-color or border-top are more convenient and preferable.
541 border-top-left-radius CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference
The border-top-left-radius CSS property sets the rounding of the top-left corner of the element.
542 border-top-right-radius CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference
The border-top-right-radius CSS property sets the rounding of the top-right corner of the element.
543 border-top-style CSS, CSS Borders, CSS Property, Reference
The border-top-style CSS property sets the line style of an element's top border.
544 border-top-width CSS, CSS Borders, CSS Property, Reference
The border-top-width CSS property sets the width of the top border of a box.
545 border-width CSS, CSS Borders, CSS Property, Reference
The border-width property is a shorthand property for setting the widths on all four sides of an element's border: border-top-widthborder-right-widthborder-bottom-width, and border-left-width.
546 bottom CSS, CSS Positioning, CSS Property, Reference
The bottom CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
547 box-align CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate, Non-standard, Reference
The box-align CSS property specifies how an element aligns its contents across its layout in a perpendicular direction. The effect of the property is only visible if there is extra space in the box.
548 box-decoration-break CSS, CSS Fragmentation, CSS Property, Experimental, Reference
The box-decoration-break CSS property specifies how the background, padding, border, border-image, box-shadow, margin, and clip-path of an element are applied when the box for the element is fragmented.
549 box-direction CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The box-direction CSS property specifies whether a box lays out its contents normally (from the top or left edge), or in reverse (from the bottom or right edge).
550 box-flex CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
This is a property for controlling parts of the XUL box model. It does not match either the old CSS Flexible Box Layout Module drafts for 'box-flex' (which were based on this property) or the behavior of '-webkit-box-flex' (which is based on those drafts). See flexbox for information about the current standard.
551 box-flex-group CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.
552 box-lines CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.
553 box-ordinal-group CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.
554 box-orient CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.
555 box-pack CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
This is a property of the original CSS Flexible Box Layout Module draft, and has been replaced by a newer standard. See flexbox for information about the current standard.
556 box-shadow CSS, CSS Backgrounds and Borders, CSS Property, CSS Styles, HTML Colors, Reference, Shadows, Styles, Styling HTML, box-shadow
The box-shadow CSS property is used to add shadow effects around an element's frame. You can specify multiple effects separated by commas if you wish to do so.
557 box-sizing CSS, CSS Property, Reference
The CSS box-sizing property is used to alter the default CSS box model used to calculate width and height of the elements.
558 box-suppress CSS, CSS Display, CSS Property, Experimental, Graphics, Layout, NeedsExample, Reference, Web
The box-suppress CSS property controls the box generation of an element.
559 break-after CSS, CSS Fragmentation, CSS Multi-column Layout, CSS Property, NeedsExample, Reference
The break-after CSS property defines how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.
560 break-before CSS, CSS Fragmentation, CSS Multi-column Layout, CSS Property, NeedsExample, Reference
The break-before CSS property defines how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.
561 break-inside CSS, CSS Fragmentation, CSS Multi-column Layout, CSS Property, NeedsExample, Reference
The break-inside CSS property defines how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.
562 calc() CSS, CSS Function, Layout, Reference, Web
The calc() CSS function lets you perform calculations when specifying CSS property values. It can be used anywhere a <length>, <frequency>, <angle>, <time>, <number>, or <integer> is allowed.
563 caption-side CSS, CSS Property, CSS Tables, Reference
The caption-side CSS property puts the content of a table's <caption> on the specified side. The values are relative to the writing-mode of the table.
564 caret-color CSS, CSS Property, CSS User Interace, Editing, HTML Colors, Input, Reference, Styling HTML, Text Editing, caret, caret-color, contenteditable
The caret-color CSS property sets the color of the insertion caret—the visible indicator of the point at which the next character typed by the user will be inserted—within an element such as <input> or one with the contenteditable attribute set.
565 clear CSS, CSS Positioning, CSS Property, Reference
The clear CSS property specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them. The clear property applies to both floating and non-floating elements.
566 clip CSS, CSS Masking, CSS Property, Deprecated, NeedsMobileBrowserCompatibility, Reference
The clip CSS property defines what portion of an element is visible. The clip property applies only to absolutely positioned elements, that is elements with position:absolute or position:fixed.
567 clip-path CSS, CSS Masking, CSS Property, Experimental, Reference, Web
The clip-path CSS property creates a clipping region that defines what part of an element should be displayed. Those portions that are inside the region are shown, while those outside are hidden. The clipping region is a path specified either as a URL referencing inline or external SVG, or as a shape, such as a circle().
568 color CSS, CSS Colors, CSS Property, CSS Text, HTML Colors, HTML Styles, Layout, Reference, Styling HTML, Styling text, Web, color
The color CSS property sets the foreground color value of an element's text content and text decorations. It also sets the currentcolor value, which may be used as an indirect value on other properties, and is the default for other color properties, such as border-color.
569 column-count CSS, CSS Multi-column Layout, CSS Property, NeedsMobileBrowserCompatibility, Reference
The column-count CSS property describes the number of columns of the element.
570 column-fill CSS, CSS Multi-column Layout, CSS Property, NeedsBrowserCompatibility, Reference
The column-fill CSS property controls how contents are partitioned into columns.
571 column-gap CSS, CSS Multi-column Layout, CSS Property, NeedsMobileBrowserCompatibility, Reference
The column-gap CSS property sets the size of the gap between columns for elements which are specified to be displayed as multi-column elements.
572 column-rule CSS, CSS Multi-column Layout, CSS Property, NeedsMobileBrowserCompatibility, Reference
In multi-column layouts, the column-rule CSS property specifies a straight line, or "rule", to be drawn between each column.
573 column-rule-color CSS, CSS Multi-column Layout, CSS Property, HTML Colors, NeedsMobileBrowserCompatibility, Reference, Styles, Styling HTML, column-rule-color, columns
The column-rule-color CSS property lets you set the color of the rule or line drawn between columns in multi-column layouts.
574 column-rule-style CSS, CSS Multi-column Layout, CSS Property, NeedsMobileBrowserCompatibility, Reference
The column-rule-style CSS property lets you set the style of the rule drawn between columns in multi-column layouts.
575 column-rule-width CSS, CSS Multi-column Layout, CSS Property, NeedsMobileBrowserCompatibility, Reference
The column-rule-width CSS property lets you set the width of the rule drawn between columns in multi-column layouts.
576 column-span CSS, CSS Multi-column Layout, CSS Property, Reference
The column-span CSS property makes it possible for an element to span across all columns when its value is set to all. An element that spans more than one column is called a spanning element.
577 column-width CSS, CSS Multi-column Layout, CSS Property, Reference
The column-width CSS property specifies the minimum column width. The number of columns will be the maximum number of columns that can fit without any column having a width less than the column-width value. The actual column width may be smaller than the value of column-width if the width of the container is smaller.
578 columns CSS, CSS Multi-column Layout, CSS Property, Reference
The columns CSS property is a shorthand property allowing to set both the column-width and the column-count properties at the same time.
579 contain CSS, CSS Containment, CSS Property, Experimental, Layout, Paint, Reference, Style, Web
Technical review completed.
580 content CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The content CSS property is used with the ::before and ::after pseudo-elements to generate content in an element. Objects inserted using the content property are anonymous replaced elements.
581 counter-increment CSS, CSS Lists, CSS Property, NeedsMobileBrowserCompatibility, Reference
The counter-increment CSS property increases or decreases the value of a CSS counter by a given value.
582 counter-reset CSS, CSS Lists, CSS Property, NeedsMobileBrowserCompatibility, Reference
The counter-reset CSS property resets a CSS counter to a given value.
583 cursor CSS, CSS Property, Cursor, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The cursor CSS property specifies which mouse cursor to display when the mouse pointer is over an element.
584 direction BiDi, CSS, CSS Property, Reference
The direction CSS property sets the direction of text, table columns, and horizontal overflow.
585 display CSS, CSS Display, CSS Property, NeedsMobileBrowserCompatibility
The display CSS property specifies the type of rendering box used for an element. In HTML, default display property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML is inline, including SVG elements.
586 display-inside CSS, CSS Display, CSS Property, Experimental, Graphics, Layout, NeedsExample, Reference, Web
The display-inside CSS property specifies the inner display type of the box generated by an element, dictating how its contents lay out inside the box.
587 display-list CSS, CSS Display, CSS Property, Experimental, Graphics, Layout, NeedsExample, Reference, Web
The display-list CSS property specifies whether a list marker should be displayed for an element.
588 display-outside CSS, CSS Display, CSS Property, Experimental, Graphics, Layout, NeedsExample, Reference, Web
The display-outside CSS property specifies the outer display type of the box generated by an element, dictating how the element participates in its parent formatting context.
589 element CSS, CSS Function, CSS4-images, Layout, Reference, Web
The element() CSS function defines an <image> value generated from an arbitrary HTML element. This image is live, meaning that if the HTML element is changed, the CSS properties using the resulting value are automatically updated.
590 empty-cells CSS, CSS Property, CSS Tables, NeedsMobileBrowserCompatibility, Reference
The empty-cells CSS property specifies how user agents should render borders and backgrounds around <table> cells that have no visible content. This property applies only when border-collapse is separate.
591 filter CSS, CSS Property, Reference, SVG, SVG Filter, filter
The filter CSS property lets you apply graphical effects like blurring or color shifting to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
592 fit-content() CSS, CSS Function, CSS Grid, Experimental, Layout, Reference, Web
The fit-content() CSS function clamps a given size to an available size according to the formula min(maximum size, max(minimum size, argument)).
593 flex CSS, CSS Flexible Boxes, CSS Property, Reference
The flex CSS property specifies how a flex item will grow or shrink so as to fit the space available in its flex container. This is a shorthand property that sets flex-grow, flex-shrink, and flex-basis.
594 flex-basis CSS, CSS Flexible Boxes, CSS Property, NeedsMobileBrowserCompatibility, Reference
The flex-basis CSS property specifies the initial main size of a flex item. This property determines the size of the content-box unless specified otherwise using box-sizing.
595 flex-direction CSS, CSS Flexible Boxes, CSS Property, Reference
The flex-direction CSS property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
596 flex-flow CSS, CSS Flexible Boxes, CSS Property, Reference
The flex-flow CSS property is a shorthand property for flex-direction and flex-wrap individual properties.
597 flex-grow CSS, CSS Flexible Boxes, CSS Property, NeedsContent, Reference
The flex-grow CSS property specifies the flex grow factor of a flex item. It specifies what amount of space inside the flex container the item should take up. The flex grow factor of a flex item is relative to the size of the other children in the flex-container.
598 flex-shrink CSS, CSS Flexible Boxes, CSS Property, NeedsContent, Reference
The flex-shrink CSS property specifies the flex shrink factor of a flex item. Flex items will shrink to fill the container according to the flex-shrink number, when the default width of flex items is wider than the flex container.
599 flex-wrap CSS, CSS Flexible Boxes, CSS Property, Reference
The CSS flex-wrap property specifies whether flex items are forced into a single line or can be wrapped onto multiple lines. If wrapping is allowed, this property also enables you to control the direction in which lines are stacked.
600 float CSS, CSS Positioning, CSS Property, Reference
The float CSS property specifies that an element should be placed along the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the web page, though still remaining a part of the flow (in contrast to absolute positioning).
601 font CSS, CSS Fonts, CSS Property, Reference
The font CSS property is either a shorthand property for setting font-style, font-variant, font-weight, font-size, line-height, and font-family; or a way to set the element's font to a system font, using specific keywords.
602 font-family CSS, CSS Fonts, CSS Property, Reference
The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
603 font-feature-settings CSS, CSS Fonts, CSS Property, Reference
The font-feature-settings CSS property gives you control over advanced typographic features in OpenType fonts.
604 font-kerning CSS, CSS Fonts, CSS Property, Reference
The font-kerning CSS property controls the usage of the kerning information stored in a font.
605 font-language-override CSS, CSS Fonts, CSS Property, Reference
The font-language-override CSS property controls the usage of language-specific glyphs in a typeface.
606 font-size CSS, CSS Fonts, CSS Property, Reference
The font-size CSS property specifies the size of the font . Setting the font size may change the size of other items, since it is used to compute the value of the em and ex <length> units.
607 font-size-adjust CSS, CSS Fonts, CSS Property, NeedsMobileBrowserCompatibility, Reference
The font-size-adjust CSS property specifies that font size should be chosen based on the height of lowercase letters rather than the height of capital letters. This is useful since the legibility of fonts, especially at small sizes, is determined more by the size of lowercase letters than by the size of capital letters.
608 font-smooth CSS, CSS Property, Non-standard, Reference
The font-smooth CSS property controls the application of anti-aliasing when fonts are rendered.
609 font-stretch CSS, CSS Fonts, CSS Property, Reference
The font-stretch property selects a normal, condensed, or expanded face from a font.
610 font-style CSS, CSS Fonts, CSS Property, Reference, Web, font
The font-style CSS property specifies whether a font should be styled with a normal, italic, or oblique face from its font-family.
611 font-synthesis CSS, CSS Fonts, CSS Property, Reference
The font-synthesis CSS property controls which missing typefaces, bold or italic, may be synthesized by the browser.
612 font-variant CSS, CSS Fonts, CSS Property, Reference
The font-variant CSS property is a shorthand for the longhand properties font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, and font-variant-east-asian. You can also set the CSS Level 2 (Revision 1) values of font-variant, (that is, normal or small-caps), by using the font shorthand.
613 font-variant-alternates CSS, CSS Fonts, CSS Property, Reference
The font-variant-alternates CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values.
614 font-variant-caps CSS, CSS Fonts, CSS Property, Reference
The font-variant-caps CSS property controls the usage of alternate glyphs for capital letters.
615 font-variant-east-asian CSS, CSS Fonts, CSS Property, NeedsLiveSample, Reference
The font-variant-east-asian CSS property controls the usage of alternate glyphs for East Asian scripts, like Japanese and Chinese.
616 font-variant-ligatures CSS, CSS Fonts, CSS Property, NeedsLiveSample, Reference
The font-variant-ligatures CSS property controls which ligatures and contextual forms are used in textual content of the elements it applies to. This leads to more harmonized forms in the resulting text.
617 font-variant-numeric CSS, CSS Fonts, CSS Property, Reference
The font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
618 font-variant-position CSS, CSS Fonts, CSS Property, Reference
The font-variant-position CSS property controls the usage of alternate, smaller glyphs that are positioned as superscript or subscript relative to the baseline of the font (which remains unchanged). These glyphs are likely to be used in <sub> and <sup> elements.
619 font-variation-settings CSS, CSS Fonts, CSS Property, NeedsBrowserCompatibility, NeedsExample, Non-standard, Reference
The font-variation-settings CSS property provides low-level control over OpenType or TrueType font variations, by specifying the four letter axis names of the features you want to vary, along with their variation values.
620 font-weight CSS, CSS Fonts, CSS Property, Reference
The font-weight CSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on the font-family you are using. Some fonts are only available in normal and bold.
621 grid CSS, CSS Grid, CSS Property, Reference
The grid CSS property is a shorthand property that sets all of the explicit grid properties (grid-template-rows, grid-template-columns, and grid-template-areas), all the implicit grid properties (grid-auto-rows, grid-auto-columns, and grid-auto-flow), and the gutter properties (grid-column-gap and grid-row-gap) in a single declaration.
622 grid-area CSS, CSS Grid, CSS Property, Reference
The grid-area CSS property is a shorthand property for grid-row-start, grid-column-start, grid-row-end and grid-column-end, specifying a grid item’s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
623 grid-auto-columns CSS, CSS Grid, CSS Property, Experimental, Reference
The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track.
624 grid-auto-flow CSS, CSS Grid, CSS Property, Reference
The grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.
625 grid-auto-rows CSS, CSS Grid, CSS Property, Reference
The grid-auto-rows CSS property specifies the size of an implicitly-created grid row track.
626 grid-column CSS, CSS Grid, CSS Property, Reference
The grid-column CSS property is a shorthand property for grid-column-start and grid-column-end specifying a grid item's size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
627 grid-column-end CSS, CSS Grid, CSS Property, Reference
The grid-column-end CSS property specifies a grid item’s end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.
628 grid-column-gap CSS, CSS Grid, CSS Property, Reference
The grid-column-gap CSS property specifies the gutter between grid columns.
629 grid-column-start CSS, CSS Grid, CSS Property, Reference
The grid-column-start CSS property specifies a grid item’s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area.
630 grid-gap CSS, CSS Grid, CSS Property, Reference
The grid-gap CSS property is a shorthand property for grid-row-gap and grid-column-gap specifying the gutters between grid rows and columns.
631 grid-row CSS, CSS Grid, CSS Property, Reference
The grid-row CSS property is a shorthand property for grid-row-start and grid-row-end specifying a grid item’s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
632 grid-row-end CSS, CSS Grid, CSS Property, Reference
The grid-row-end CSS property specifies a grid item’s end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.
633 grid-row-gap CSS, CSS Grid, CSS Property, Reference
The grid-row-gap CSS property specifies the gutter between grid rows.
634 grid-row-start CSS, CSS Grid, CSS Property, Reference
The grid-row-start CSS property specifies a grid item’s start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.
635 grid-template CSS, CSS Grid, CSS Property, Reference
The grid-template CSS property is a shorthand property for defining grid columns, rows, and areas.
636 grid-template-areas CSS, CSS Grid, CSS Property, Reference
The grid-template-areas CSS property specifies named grid areas.
637 grid-template-columns CSS, CSS Grid, CSS Property, Reference
The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.
638 grid-template-rows CSS, CSS Grid, CSS Property, Reference
The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.
639 hanging-punctuation CSS, CSS Property, CSS Text, NeedsBrowserCompatibility, Reference
The hanging-punctuation CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.
640 height CSS, CSS Property, Reference
The height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, it instead determines the height of the border area.
641 hyphens CSS, CSS Property, CSS Text, Reference
The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. You can prevent hyphenation entirely, use hyphenation in manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
642 image-orientation CSS, CSS Images, CSS Property, Experimental, Reference
The image-orientation CSS property describes how to correct the default orientation of an image.
643 image-rendering CSS, CSS Images, CSS Property, Experimental, NeedsMobileBrowserCompatibility, Reference, SVG
The image-rendering CSS property provides a hint to the browser about the algorithm it should use to scale images.
644 ime-mode CSS, CSS Property, Deprecated, NeedsMobileBrowserCompatibility
The ime-mode CSS property controls the state of the input method editor (IME) for text fields. This property is obsolete.
645 inherit CSS, CSS Cascade, CSS Value, Layout, NeedsMobileBrowserCompatibility, Reference
The inherit CSS keyword causes the element for which it is specified to take the computed value of the property from its parent element. It can be applied to any CSS property, including the CSS shorthand all.
646 initial CSS, CSS Cascade, CSS Value, Layout, Reference
The initial CSS keyword applies the initial value of a property to an element. It can be applied to any CSS property, including the CSS shorthand all.
647 initial-letter CSS, CSS Inline, CSS Property, Experimental, Graphics, Layout, Reference, Web
The initial-letter CSS property specifies styling for dropped, raised, and sunken initial letters.
648 initial-letter-align CSS, CSS Inline, CSS Property, Experimental, Graphics, Layout, NeedsLiveSample, Reference, Web
The initial-letter-align CSS property specifies the alignment of initial letters within a paragraph.
649 inline-size CSS, CSS Logical Property, CSS Property, Experimental, Reference
The inline-size CSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the width or the height property, depending on the value of writing-mode.
650 isolation CSS, CSS Property, Compositing and Blending
The isolation CSS property defines if the element must create a new stacking context.
651 justify-content CSS, CSS Box Alignment, CSS Property, Reference
The CSS justify-content property defines how the browser distributes space between and around content items along the main axis of their container.
652 justify-items CSS, CSS Box Alignment, CSS Property, Reference
The CSS justify-items property defines the default justify-self for all items of the box, given them the default way of justifying each box along the appropriate axis.
653 justify-self CSS, CSS Box Alignment, CSS Property, Reference
The CSS justify-self property defines the way of justifying a box inside its container along the appropriate axis.
654 left CSS, CSS Positioning, CSS Property, Reference
The left CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
655 letter-spacing CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference, SVG
The letter-spacing CSS property specifies the spacing behavior between text characters.
656 line-break CSS, CSS Property, CSS Text, NeedsExample, Reference
The line-break CSS property is used to specify how (or if) to break lines when working with punctuation and symbols. This only affects text in Chinese, Japanese, or Korean (CJK).
657 line-height CSS, CSS Fonts, CSS Property, Reference
The line-height CSS property sets the amount of space used for lines, such as in text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.
658 line-height-step CSS, CSS Fonts, CSS Property, Non-standard, Reference
The line-height-step CSS property defines the step units for line box heights. When the step unit is positive, line box heights are rounded up to the closest multiple of the unit. Negative values are invalid.
659 linear-gradient() CSS, CSS Function, CSS Images, Graphics, Layout, NeedsNewCompatTable, Reference, Web
The linear-gradient() CSS function creates an image consisting of a progressive transition between two or more colors along a straight line. Its result is an object of the <gradient> data type, which is a special kind of <image>.
660 list-style CSS, CSS Lists, CSS Property, Reference
The list-style CSS property is a shorthand for setting the individual values that define how a list is displayed: list-style-type, list-style-image, and list-style-position.
661 list-style-image CSS, CSS Lists, CSS Property, Reference
The list-style-image property specifies an image to be used as the list item marker. It is often more convenient to use the shorthand list-style.
662 list-style-position CSS, CSS Lists, CSS Property, Reference
The list-style-position property specifies the position of the marker box in the principal block box.
663 list-style-type CSS, CSS Lists, CSS Property, NeedsMobileBrowserCompatibility, Reference
The list-style-type CSS property specifies the appearance of a list item element.
664 margin CSS, CSS Property, Reference
The margin CSS property sets the margin area on all four sides of an element. It is a shorthand that sets all individual margins at once: margin-top, margin-right, margin-bottom, and margin-left.
665 margin-block-end CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference
The margin-block-end CSS property defines the logical block end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
666 margin-block-start CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference
The margin-block-start CSS property defines the logical block start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation.
667 margin-bottom CSS, CSS Property, Reference
The margin-bottom CSS property sets the margin area on the bottom of an element. A positive value will place it farther than normal from its neighbors, while a negative value will place it closer.
668 margin-inline-end CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference
The margin-inline-end CSS property defines the logical inline end margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. In other words, it corresponds to the margin-topmargin-rightmargin-bottom or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.
669 margin-inline-start CSS, CSS Logical Property, CSS Property, Experimental, Reference
The margin-inline-start CSS property defines the logical inline start margin of an element, which maps to a physical margin depending on the element's writing mode, directionality, and text orientation. It corresponds to the margin-topmargin-rightmargin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.
670 margin-left CSS, CSS Property, Layout, Reference
The margin-left CSS property sets the margin area on the left side of an element. A positive value will place it farther than normal from its neighbors, while a negative value will place it closer.
671 margin-right CSS, CSS Property, Reference
The margin-right CSS property sets the margin area on the right side of an element. A positive value will place it farther than normal from its neighbors, while a negative value will place it closer.
672 margin-top CSS, CSS Property, Reference
The margin-top CSS property sets the margin area on the top of an element. A positive value will place it farther than normal from its neighbors, while a negative value will place it closer.
673 mask CSS, CSS Masking, CSS Property, Layout, Reference, SVG, Web
The mask CSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points.
674 mask-clip CSS, CSS Masking, CSS Property, Experimental, Reference
The mask-clip CSS property determines the area, which is affected by a mask. The painted content of an element must be restricted to this area.
675 mask-composite CSS, CSS Masking, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The mask-composite CSS property represents a compositing operation used on the current mask layer with the mask layers below it.
676 mask-image CSS, CSS Masking, CSS Property, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The mask-image CSS property sets the image that is used as mask layer for an element.
677 mask-mode CSS, CSS Masking, CSS Property, Non-standard, Reference
The mask-mode CSS property indicates whether the mask reference defined by mask-image is treated as a luminance or alpha mask.
678 mask-origin CSS, CSS Masking, CSS Property, Experimental, Reference
The mask-origin CSS property determines the origin of a mask.
679 mask-position CSS, CSS Masking, CSS Property, Experimental, Reference
The mask-position CSS property sets the initial position, relative to the mask position layer defined by mask-origin for each defined mask image.
680 mask-repeat CSS, CSS Masking, CSS Property, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The mask-repeat CSS property defines how mask images are repeated. A mask image can be repeated along the horizontal axis, the vertical axis, both axes, or not repeated at all.
681 mask-size CSS, CSS Masking, CSS Property, Experimental, Reference
The mask-size CSS property specifies the sizes of the mask images. The size of the image can be fully or partially constrained in order to preserve its intrinsic ratio.
682 mask-type CSS, CSS Masking, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, SVG
The CSS mask-type property defines if a mask defined by an SVG <mask> element is used as a luminance or an alpha mask.  It applies to the <mask> element.  It may be overridden by the mask-mode property which has the same effect, but applies to the element where the mask is used. Alpha masks will generally be faster to render.
683 max-block-size CSS, CSS Logical Property, CSS Property, Experimental, Reference
The max-block-size CSS property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to the max-width or the max-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of max-block-size relates to the maximal width of the element, otherwise it relates to the maximal height of the element. It relates to max-inline-size, which defines the other dimension of the element.
684 max-height CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height.
685 max-inline-size CSS, CSS Logical Properties, CSS Logical Property, CSS Property, Element size, Experimental, Reference, Text Direction, Writing Mode, max-inline-size
The max-inline-size CSS property defines the horizontal or vertical maximum size of an element's block depending on its writing mode. It corresponds to the max-width or the max-height property depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of max-inline-size relates to the maximal height of the element, otherwise it relates to the maximal width of the element. It relates to max-block-size, which defines the other dimension of the element.
686 max-width CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width.
687 min-block-size CSS, CSS Logical Property, CSS Property, Experimental, Reference
The min-block-size CSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-height property, depending on the value of writing-mode.
688 min-height CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.
689 min-inline-size CSS, CSS Logical Property, CSS Property, Experimental, Reference
The min-inline-size CSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either the min-width or the min-height property, depending on the value of writing-mode.
690 min-width CSS, CSS Property, Reference
The min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.
691 minmax() CSS, CSS Function, CSS Grid, Experimental, Layout, Reference, Web
The minmax() CSS function defines a size range greater than or equal to min and less than or equal to max. It is used with CSS Grids.
692 mix-blend-mode CSS, CSS Property, Compositing and Blending
The mix-blend-mode CSS property describes how an element's content should blend with the content of the element's direct parent and the element's background.
693 object-fit CSS, CSS Images, CSS Property, Reference, polyfill
The object-fit CSS property specifies how a replaced element, such as an <img> or <video>, should be resized to fit its container.
694 object-position CSS, CSS Images, CSS Property, Reference
The object-position CSS property determines the alignment of the selected element inside its box.
695 offset CSS, CSS Motion, CSS Property, Draft, Experimental, NeedsContent, Non-standard, Reference
The offset CSS property is a shorthand property for animating an element along a defined path.
696 offset-block-end CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference
The offset-block-end CSS property defines the logical block end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the toprightbottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.
697 offset-block-start CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference
The offset-block-start CSS property defines the logical block start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the toprightbottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.
698 offset-distance CSS, Draft, NeedsContent, NeedsLiveSample, Reference, motion-offset, offset-distance
The offset-distance CSS property specifies a position along an offset-path.
699 offset-inline-end CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference
The offset-inline-end CSS property defines the logical inline end offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the toprightbottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.
700 offset-inline-start CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference
The offset-inline-start CSS property defines the logical inline start offset of an element, which maps to a physical offset depending on the element's writing mode, directionality, and text orientation. It corresponds to the toprightbottom, or left property depending on the values defined for writing-mode, direction, and text-orientation.
701 offset-path CSS, Reference, motion-path, offset-path
The offset-path CSS property specifies the offset path where the element gets positioned. The exact element’s position on the offset path is determined by the offset-distance property. An offset path is either a specified path with one or multiple sub-paths or the geometry of a not-styled basic shape. Each shape or path must define an initial position for the computed value of "0" for offset-distance and an initial direction which specifies the rotation of the object to the initial position.
702 offset-rotate Draft, NeedsContent, NeedsLiveSample, offset-rotate
The offset-rotate CSS property defines the direction of the element while positioning along the offset path.
703 opacity CSS, CSS Property, Reference
The opacity CSS property specifies the level of transparency of an element, that is, the degree to which the content behind the element is visible.
704 order CSS, CSS Flexible Boxes, CSS Property, Reference
The CSS order property specifies the order used to lay out flex items in their flex container. Elements are laid out in the ascending order of the order value. Elements with the same order value are laid out in the order in which they appear in the source code.
705 orphans CSS, CSS Fragmentation, CSS Multi-column Layout, CSS Property, Reference
The orphans CSS property specifies the minimum number of lines in a block container that must be shown at the bottom of a page, region, or column. This property is normally used to control how breaks occur.
706 outline CSS, CSS Outline, CSS Property, Layout, Reference
The outline CSS property is a shorthand property for setting one or more of the individual outline properties outline-style, outline-width, and outline-color in a single declaration.
707 outline-color CSS, CSS Outline, CSS Property, CSS User Interace, HTML Colors, HTML Styles, NeedsMobileBrowserCompatibility, Outline, Reference, Styles, Styling HTML, outline-color
The outline-color CSS property sets the color of an element's outline. An outline is a line that is drawn around an element, outside the border.
708 outline-offset CSS, CSS Outline, CSS Property, Reference
The outline-offset CSS property sets the amount of space between an outline and the edge or border of an element. An outline is a line that is drawn around an element, outside the border edge. The space between an element and its outline is transparent; in other words, it is the same as the parent element's background.
709 outline-style CSS, CSS Outline, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The outline-style CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border.
710 outline-width CSS, CSS Outline, CSS Property, Layout, Reference
The outline-width CSS property sets the width (thickness) of an element's outline. An outline is a line that is drawn around an element, outside the border.
711 overflow CSS, CSS Box Model, CSS Property, NeedsMobileBrowserCompatibility, Reference
The overflow CSS property specifies whether to clip content, show scrollbars, or display overflowing content when it is too large for its block-level container.
712 overflow-clip-box CSS, CSS Property, Non-standard, Reference
The overflow-clip-box CSS property specifies relative to which box the clipping happens when there is an overflow.
713 overflow-wrap CSS, CSS Property, CSS Text, Reference
The overflow-wrap CSS property specifies whether or not the browser should insert line breaks within words to prevent text from overflowing its content box.
714 overflow-x CSS, CSS Box Model, CSS Property, Experimental, Reference
The overflow-x property specifies whether to clip content, render a scroll bar, or display overflow content of a block-level element, when it overflows at the left and right edges.
715 overflow-y CSS, CSS Box Model, CSS Property, Experimental, Reference
The overflow-y property specifies whether to clip content, render a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.
716 padding CSS, CSS Padding, CSS Property, NeedsMobileBrowserCompatibility, Reference
The padding CSS property sets the padding area on all four sides of an element. It is a shorthand that sets all individual paddings at once: padding-top, padding-right, padding-bottom, and padding-left.
717 padding-block-end CSS, CSS Logical Property, CSS Property, Experimental, Reference
The padding-block-end CSS property defines the logical block end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-toppadding-rightpadding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.
718 padding-block-start CSS, CSS Logical Property, CSS Property, Experimental, Reference
The padding-block-start CSS property defines the logical block start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-toppadding-rightpadding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.
719 padding-bottom CSS, CSS Padding, CSS Property, Reference
The padding-bottom CSS property sets the height of the padding area on the bottom of an element. Unlike margins, negative values are not allowed for padding. The padding shorthand property can be used to set paddings on all four sides of an element with a single declaration.
720 padding-inline-end CSS, CSS Logical Property, CSS Property, Experimental, Reference
The padding-inline-end CSS property defines the logical inline end padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-toppadding-rightpadding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.
721 padding-inline-start CSS, CSS Logical Property, CSS Property, Experimental, Reference
The padding-inline-start CSS property defines the logical inline start padding of an element, which maps to a physical padding depending on the element's writing mode, directionality, and text orientation. It corresponds to the padding-toppadding-rightpadding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.
722 padding-left CSS, CSS Padding, CSS Property, Reference
The padding-left CSS property sets the width of the padding area on the left side of an element. Unlike margins, negative values are not allowed for padding. The padding shorthand property can be used to set paddings on all four sides of an element with a single declaration.
723 padding-right CSS, CSS Padding, CSS Property, Reference
The padding-right CSS property sets the width of the padding area on the right side of an element. Unlike margins, negative values are not allowed for padding. The padding shorthand property can be used to set paddings on all four sides of an element with a single declaration.
724 padding-top CSS, CSS Padding, CSS Property, Reference
The padding-top CSS property sets the height of the padding area on the top of an element. Unlike margins, negative values are not allowed for padding. The padding shorthand property can be used to set paddings on all four sides of an element with a single declaration.
725 page-break-after CSS, CSS Property, Page Breaks, Reference
The page-break-after CSS property adjusts page breaks after the current element.
726 page-break-before CSS, CSS Property, Page Breaks, Reference
The page-break-before CSS property adjusts page breaks before the current element.
727 page-break-inside CSS, CSS Property, Page Breaks, Reference
The page-break-inside CSS property adjusts page breaks inside the current element.
728 perspective CSS, CSS Property, CSS Transforms, Experimental, Reference
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. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.
729 perspective-origin CSS, CSS Property, CSS Transforms, Experimental, Reference
The perspective-origin CSS property determines the position at which the viewer is looking. It is used as the vanishing point by the perspective property.
730 place-content CSS, CSS Box Alignment, CSS Property, Reference
The place-content CSS shorthand property sets both the align-content and justify-content properties.
731 place-items CSS, CSS Flexible Boxes, CSS Grid, CSS Property, Reference
The CSS place-items shorthand property sets both the align-items and justify-items properties. The first value is the align-items property value, the second the justify-items one. If the second value is not present, the first value is also used for it.
732 place-self CSS, CSS Box Alignment, CSS Propriety, Reference
The place-self CSS property shorthand property sets both the align-self and justify-self properties. The first value is the align-self property value, the second the justify-self one. If the second value is not present, the first value is also used for it.
733 pointer-events CSS, CSS Property, NeedsExample, NeedsMobileBrowserCompatibility, Reference, SVG
The pointer-events CSS property specifies under what circumstances (if any) a particular graphic element can become the target of mouse events.
734 position CSS, CSS Positioning, CSS Property, Reference
The position CSS property specifies how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.
735 quotes CSS, CSS Property, Layout, Reference, Web
The quotes CSS property indicates how user agents should render quotation marks.
736 radial-gradient() CSS, CSS Function, CSS Images, Graphics, Layout, Reference, Web
The radial-gradient() CSS function creates an image consisting of a progressive transition between two or more colors that radiate from an origin. Its shape may be a circle or an ellipse. The function's result is an object of the <gradient> data type, which is a special kind of <image>.
737 repeat() CSS, CSS Function, CSS Grid, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The repeat() CSS function represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form.
738 repeating-linear-gradient() CSS, CSS Function, CSS Images, Graphics, Layout, Reference, Web
The repeating-linear-gradient() CSS function creates an image consisting of repeating linear gradients. It is similar to linear-gradient() and takes the same arguments, but it repeats the color stops infinitely in all directions so as to cover its entire container. The function's result is an object of the <gradient> data type, which is a special kind of <image>.
739 repeating-radial-gradient() CSS, CSS Function, CSS Images, Graphics, Layout, NeedsBrowserCompatibility, Reference, Web
The repeating-radial-gradient() CSS function creates an image consisting of repeating gradients that radiate from an origin. It is similar to radial-gradient() and takes the same arguments, but it repeats the color stops infinitely in all directions so as to cover its entire container. The function's result is an object of the <gradient> data type, which is a special kind of <image>.
740 resize CSS, CSS Property, Reference
The resize CSS sets whether an element is resizable, and if so, in which direction(s).
741 revert CSS, CSS Cascade, CSS Value, Layout, Reference
The revert CSS keyword rolls back the cascade so that a property takes on the value it would have had if there were no styles in the current style origin (author, user, or user-agent). Thus, it resets the property to the default value established by the user-agent stylesheet (or by user styles, if any exist). It can be applied to any CSS property, including the CSS shorthand all.
742 right CSS, CSS Positioning, CSS Property, Layout, Reference, Web
The right CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
743 ruby-align CSS, CSS Property, CSS Ruby, Reference
The ruby-align CSS property defines the distribution of the different ruby elements over the base.
744 ruby-position CSS, CSS Property, CSS Ruby, Reference
The ruby-position CSS property defines the position of a ruby element relatives to its base element. It can be position over the element (over), under it (under), or between the characters, on their right side (inter-character).
745 scroll-behavior CSS, CSS Property, CSSOM View, Reference
The scroll-behavior CSS property specifies the scrolling behavior for a scrolling box, when scrolling happens due to navigation or CSSOM scrolling APIs. Any other scrolls, e.g. those that are performed by the user, are not affected by this property. When this property is specified on the root element, it applies to the viewport instead.
746 scroll-snap-coordinate CSS, CSS Property, CSS Scroll Snap, Experimental, Reference
The scroll-snap-coordinate CSS property defines the positions in x and y coordinates within the element which will align with the nearest ancestor scroll container's scroll-snap-destination for the respective axis.
747 scroll-snap-destination CSS, CSS Property, CSS Scroll Snap, Experimental, Reference
The scroll-snap-destination CSS property defines the position in x and y coordinates within the scroll container's visual viewport which element snap points align with.
748 scroll-snap-points-x CSS, CSS Property, CSS Scroll Snap, Deprecated, Reference
The scroll-snap-points-x CSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to.
749 scroll-snap-points-y CSS, CSS Property, CSS Scroll Snap, Deprecated, Reference
The scroll-snap-points-y CSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to.
750 scroll-snap-type CSS, CSS Property, CSS Scroll Snap, Experimental, Reference
The scroll-snap-type CSS property defines how strictly snap points are enforced on the scroll container in case there is one.
751 scroll-snap-type-x CSS, CSS Property, CSS Scroll Snap, NeedsExample, Non-standard, Reference
The scroll-snap-type-x CSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.
752 scroll-snap-type-y CSS, CSS Property, CSS Scroll Snap, NeedsExample, Non-standard, Reference
The scroll-snap-type-y CSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.
753 shape-image-threshold CSS, CSS Property, CSS Shapes, Experimental, Reference
The shape-image-threshold CSS property defines the alpha channel threshold used to extract the shape using an image as the value for shape-outside.
754 shape-margin CSS, CSS Property, CSS Shapes, Experimental, NeedsExample, Reference
The shape-margin CSS property adds a margin to shape-outside.
755 shape-outside CSS, CSS Property, CSS Shapes, Experimental, Reference
The shape-outside CSS property defines a shape around which inline content should wrap. By default, inline content wraps around its margin box.
756 symbols() CSS, CSS Counter Styles, Reference
The symbols() CSS function lets you define counter styles inline, directly as the value of a property such as list-style. Unlike @counter-style, symbols() is anonymous (i.e., it can only be used once). Although less powerful, it is shorter and easier to write than @counter-style.
757 tab-size CSS, CSS Property, CSS Text, Experimental, Reference
The tab-size CSS property is used to customize the width of a tab (U+0009) character.
758 table-layout CSS, CSS Property, CSS Tables, NeedsMobileBrowserCompatibility, Reference
The table-layout CSS property specifies the algorithm used to lay out <table> cells, rows, and columns.
759 text-align CSS, CSS Property, CSS Text, Reference
The text-align CSS property describes how inline content like text is aligned in its parent block element. text-align does not control the alignment of block elements, only their inline content.
760 text-align-last CSS, CSS Property, CSS Text, Experimental, Reference
The text-align-last CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.
761 text-combine-upright CSS, CSS Property, CSS Writing Modes, Experimental, Reference
The text-combine-upright CSS property specifies the combination of multiple characters into the space of a single character. If the combined text is wider than 1em, the user agent must fit the contents within 1em. The resulting composition is treated as a single upright glyph for layout and decoration. This property only has an effect in vertical writing modes.
762 text-decoration CSS, CSS Property, CSS Text Decoration, NeedsMobileBrowserCompatibility, Reference
The text-decoration CSS property specifies the appearance of decorative lines used on text. It is a shorthand for setting one or more individual text-decoration values in a single declaration, which include text-decoration-line, text-decoration-color, and text-decoration-style.
763 text-decoration-color CSS, CSS Property, CSS Text, CSS Text Decoration, HTML Colors, HTML Styles, Reference, Styling HTML, Styling text, colors, text-decoration-color
The text-decoration-color CSS property sets the color of the decorative additions to text that are specified by text-decoration-line; these include underlines and overlines, strikethroughs, and wavy lines like those typically used to indicate content is misspelled (for example). The specified color applies to all such decorative lines in the scope of the property's value.
764 text-decoration-line CSS, CSS Property, CSS Text Decoration, Reference
The text-decoration-line CSS property sets the kind of decoration that is used on text in an element. When setting multiple line-decoration properties at once, it may be more convenient to use the text-decoration shorthand property instead.
765 text-decoration-skip CSS, CSS Property, CSS Text Decoration, Experimental, Layout, Reference, Web
The text-decoration-skip CSS property specifies what parts of the element’s content any text decoration affecting the element must skip over.
766 text-decoration-style CSS, CSS Property, CSS Text Decoration, Layout, Reference
The text-decoration-style CSS property sets the style of the lines specified by text-decoration-line. The style applies to all lines that are specified; there is no way to define different styles for each of the lines defined by text-decoration-line. When setting multiple line-decoration properties at once, it may be more convenient to use the text-decoration shorthand property instead.
767 text-emphasis CSS, CSS Property, CSS Text Decoration, Reference
The text-emphasis CSS property is a shorthand property for setting text-emphasis-style and text-emphasis-color in one declaration. This property will apply the specified emphasis mark to each character of the element's text, except separator characters, like spaces,  and control characters.
768 text-emphasis-color CSS, CSS Property, CSS Styles, CSS Text Decoration, HTML Colors, Reference, Styling HTML, Text Emphasis, text-decoration-color
The text-emphasis-color CSS property defines the color used to draw emphasis marks on text being rendered in the HTML document. This value can also be set and reset using the text-emphasis shorthand.
769 text-emphasis-position CSS, CSS Property, CSS Text Decoration, Reference
The text-emphasis-position CSS property describes where emphasis marks are drawn at. The effect of emphasis marks on the line height is the same as for ruby text: if there isn't enough place, the line height is increased.
770 text-emphasis-style CSS, CSS Property, CSS Text Decoration, Reference
The text-emphasis-style CSS property defines the type of emphasis used. It can also be set, and reset, using the text-emphasis shorthand.
771 text-indent CSS, CSS Property, CSS Text, Layout, Reference
The text-indent CSS property specifies the amount of indentation (empty space) that is put before lines of text in a block. By default, this controls the indentation of only the first formatted line of the block, but the hanging and each-line keywords can be used to change this behavior.
772 text-justify CSS, CSS Property, CSS Text, Reference, text-justify
The text-justify CSS property defines what type of justification should be applied to text when it is justified (i.e., when text-align: justify; is set on it).
773 text-orientation CSS, CSS Property, CSS Writing Modes, Experimental, Reference
The text-orientation CSS property defines the orientation of the text characters in a line. This property only has an effect in vertical mode, that is, when writing-mode is not horizontal-tb. It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers.
774 text-overflow CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The text-overflow CSS property determines how overflowed content that is not displayed is signaled to users. It can be clipped, display an ellipsis ('', U+2026 Horizontal Ellipsis), or display a custom string.
775 text-rendering CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference, SVG
The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text.
776 text-shadow CSS, CSS Property, CSS Styles, CSS Text Decoration, HTML Colors, HTML Styles, NeedsMobileBrowserCompatibility, Reference, Styles, Styling HTML, color
The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and text-decorations of the element.
777 text-size-adjust CSS, CSS Mobile Text Size Adjustment, CSS Property, Experimental, NeedsExample, Reference
The text-size-adjust property allows control over the text inflation algorithm used on some mobile devices. As this property is non-standard, it must be prefixed: -moz-text-size-adjust, -webkit-text-size-adjust, and -ms-text-size-adjust.
778 text-transform CSS, CSS Property, Layout, Reference, Text
The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized.
779 text-underline-position CSS, CSS Property, CSS Text Decoration, NeedsMobileBrowserCompatibility, Reference
The text-underline-position CSS property specifies the position of the underline which is set using the text-decoration property's underline value.
780 top CSS, CSS Positioning, CSS Property, Reference
The top CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
781 touch-action CSS, CSS Property, NeedsLiveSample, Pointer Events, Reference
The touch-action CSS property specifies whether, and in what ways, a given region can be manipulated by the user via a touchscreen (for instance, by panning or zooming features built into the browser).
782 transform CSS, CSS Property, NeedsBrowserCompatibility, Reference, Transforms
The transform CSS property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed.
783 transform-box CSS, CSS Property, CSS Transforms, Experimental, NeedsBrowserCompatibility, NeedsExample, Reference
The transform-box property defines the layout box, to which the transform and transform-origin properties relate to.
784 transform-origin CSS, CSS Property, CSS Transforms, Experimental, Reference
The transform-origin property lets you modify the origin for transformations of an element. For example, the transformation origin of the rotate() function is the center of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)
785 transform-style CSS, CSS Property, CSS Transforms, Experimental, Reference
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.
786 transition CSS, CSS Property, CSS Transitions, Reference
The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.
787 transition-delay CSS, CSS Property, CSS Transitions, Reference
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.
788 transition-duration CSS, CSS Property, CSS Transitions, Reference
The transition-duration CSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.
789 transition-property CSS, CSS Property, CSS Transitions, Reference
The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.
790 transition-timing-function CSS, CSS Property, CSS Transitions, Reference
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. This in essence lets you establish an acceleration curve, so that the speed of the transition can vary over its duration.
791 unicode-bidi BiDi, CSS, CSS Property, NeedsLiveSample, Reference
The unicode-bidi CSS property, together with the direction property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The unicode-bidi property overrides this algorithm and allows the developer to control the text embedding.
792 unset CSS, CSS Cascade, CSS Value, Layout, NeedsBrowserCompatibility, Reference
The unset CSS keyword resets a property to its inherited value if it inherits from its parent, and to its initial value if not. In other words, it behaves like the inherit keyword in the first case, and like the initial keyword in the second case. It can be applied to any CSS property, including the CSS shorthand all.
793 user-select CSS, CSS Property, Experimental, Reference
The user-select CSS property controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
794 var() CSS, CSS Function, CSS Variables, Experimental, Reference
The var() CSS function can be used to insert the value of a custom property instead of any part of a value of another property.
795 vertical-align CSS, CSS Property, Reference
The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.
796 visibility CSS, CSS Box Model, CSS Property, Layout, Reference, Web
The visibility CSS property can show or hide an element without affecting the layout of a document (i.e., space is created for elements regardless of whether they are visible or not). The property can also hide rows or columns in a <table>.
797 white-space CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference
The white-space CSS property determines how whitespace inside an element is handled. To make words break within themselves, use overflow-wrap, word-break, or hyphens instead.
798 widows CSS, CSS Fragmentation, CSS Multi-column Layout, CSS Property, NeedsMobileBrowserCompatibility, Reference
The widows CSS property specifies the minimum number of lines in a block container that must be shown at the top of a page, region, or column. This property is normally used to control how breaks occur.
799 width CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The width property specifies the width of an element. By default, the property defines the width of the content area. If box-sizing is set to border-box, it instead determines the width of the border area.
800 will-change CSS, CSS Property, CSS Will-change, Reference
The will-change CSS property provides a way for authors to hint browsers about the kind of changes to be expected on an element, so that the browser can set up appropriate optimizations ahead of time before the element is actually changed.
801 word-break CSS, CSS Property, Reference
The word-break CSS property specifies whether or not the browser should insert line breaks wherever the text would otherwise overflow its content box.
802 word-spacing CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference
The word-spacing CSS property specifies the spacing behavior between tags and words.
803 writing-mode CSS, CSS Property, Layout, Reference
The writing-mode CSS property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.
804 z-index CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The z-index CSS property specifies the z-order of a positioned element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one.
805 zoom CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The non-standard zoom CSS property can be used to control the magnification scale of an element.

Document Tags and Contributors

Tags: 
 Contributors to this page: Sebastianz, fscholz
 Last updated by: Sebastianz,