Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

CSS documentation index

Found 747 pages:

# Page Tags and summary
1 CSS CSS, Design, Landing, Layout, Reference, Référence
Cascading Style Sheets (CSS) are a stylesheet language used to describe the presentation of a document written in HTML
2 -moz-appearance (-webkit-appearance) CSS, CSS Reference, Non-Standard, Non-standard
The -moz-appearance CSS property is used in Gecko (Firefox) to display an element using a platform-native styling based on the operating system's theme.
3 -moz-binding CSS, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate, Non-standard, 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, CSS Reference, Non-standard
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, CSS Reference, Non-standard
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, CSS Reference, Non-standard
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, CSS Reference, Non-standard
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 Reference, CSS:Mozilla Extensions, Flexible Box, Non-standard
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
Don't use this value! Use the cursor value cell instead.
10 -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.
11 -moz-force-broken-image-icon CSS, CSS Reference, NeedsContent, Non-standard
-moz-force-broken-image-icon is an extended CSS property. The value 1 forces a broken image icon even if the image has an alt attribute. When the value 0 is used the image will act as usual and only display the alt attribute.
12 -moz-image-rect CSS, CSS Function, CSS Reference, Non-Standard, Non-standard
This 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.
13 -moz-image-region CSS, CSS Reference, 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.
14 -moz-orient CSS, CSS Reference, Non-standard
The -moz-orient CSS property specifies the orientation of the element to which it's applied.
15 -moz-outline-radius CSS, CSS Reference, Non-standard
In Mozilla applications like Firefox, the -moz-outline-radius CSS property can be used to give outlines rounded corners. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.
16 -moz-outline-radius-bottomleft CSS, CSS Property, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The -moz-outline-radius-bottomleft CSS property sets the rounding of the bottom-left corner of the outline within Mozilla applications.
17 -moz-outline-radius-bottomright CSS, CSS Property, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The -moz-outline-radius-bottomright CSS property sets the rounding of the bottom-right corner of the outline within Mozilla applications.
18 -moz-outline-radius-topleft CSS, CSS Property, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The -moz-outline-radius-topleft CSS property sets the rounding of the top-left corner of the outline within Mozilla applications.
19 -moz-outline-radius-topright CSS, CSS Property, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The -moz-outline-radius-topright CSS property sets the rounding of the top-right corner of the outline within Mozilla applications.
20 -moz-stack-sizing CSS, CSS Reference, NeedsCompatTable, NeedsLiveSample, Non-Standard, Non-standard, 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.
21 -moz-text-blink CSS, CSS Reference, CSS:Mozilla Extensions
The -moz-text-blink non-standard Mozilla CSS extension specifies the blink mode.
22 -moz-user-focus CSS, CSS Reference, CSS:Mozilla Extensions, NeedsBrowserCompatibility, NeedsContent, NeedsExample, NeedsMobileBrowserCompatibility
The -moz-user-focus CSS property is used to indicate whether the element can have the focus.
23 -moz-user-input CSS, CSS Reference, Non-standard
In Mozilla applications, -moz-user-input determines if an element will accept user input. A similar property user-focus was proposed in early drafts of a predecessor of the CSS3 UI specification but was rejected by the working group.
24 -moz-user-modify CSS, CSS Reference, NeedsMobileBrowserCompatibility, Non-standard
The -moz-user-modify property determines whether or not the content of an element can be edited by a user. This property is related to the contenteditable attribute. A similar property user-focus was proposed in early drafts of a predecessor of the CSS3 UI specification but was rejected by the working group.
25 -moz-window-shadow CSS, CSS Property, NeedsCompatTable, Non-standard, Referenz, XUL
The -moz-window-shadow CSS property specifies whether a window will have a shadow. It only works on Mac OS X.
26 -ms-overflow-style CSS, CSS Property, CSS Reference, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Property, 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.
27 -webkit-border-before CSS, CSS Property, CSS Reference, Non-standard
Technical review completed.
28 -webkit-box-reflect CSS, Non-standard, Property, Reference
The -webkit-box-reflect CSS property lets you reflect the content of an element in one specific direction.
29 -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.
30 -webkit-mask-box-image CSS, Layout, Reference, Web
-webkit-mask-box-image sets the mask image for an element's border box.
31 -webkit-mask-composite CSS, CSS Masks, 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.
32 -webkit-mask-position-x CSS, CSS Masks, CSS Property, Non-Standard, Non-standard, Reference
The -webkit-mask-position-x CSS property sets the initial horizontal position of a mask image.
33 -webkit-mask-position-y CSS, CSS Masks, CSS Property, Non-Standard, Non-standard, Reference
The -webkit-mask-position-y CSS property sets the initial vertical position of a mask image.
34 -webkit-mask-repeat-x CSS, CSS Masks, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -webkit-mask-repeat-x property specifies whether and how a mask image is repeated (tiled) horizontally.
35 -webkit-mask-repeat-y CSS, CSS Masks, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference
The -webkit-mask-repeat-y property specifies whether and how a mask image is repeated (tiled) vertically.
36 -webkit-overflow-scrolling CSS, CSS Property, CSS Reference, NeedsBrowserCompatibility, NeedsLiveSample, NeedsMobileBrowserCompatibility, Non-standard
The -webkit-overflow-scrolling CSS property controls whether or not touch devices use momentum-based scrolling for the given element.
37 -webkit-print-color-adjust CSS, CSS Property, Layout, NeedsExample, 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.
38 -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.
39 -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.
40 -webkit-text-stroke CSS, CSS Property, Non-standard, Reference
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.
41 -webkit-text-stroke-color CSS, CSS Property, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard
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.
42 -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.
43 -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.
44 :-moz-broken CSS, CSS Reference, NeedsCompatTable, NeedsExample, Non-standard
The :-moz-broken CSS pseudo-class matches elements representing broken image links.
45 :-moz-drag-over CSS, CSS Reference, NeedsCompatTable, Non-standard
The :-moz-drag-over CSS pseudo-class is used to edit an element when a drag-over event is called on it.
46 :-moz-first-node CSS, CSS Reference, NeedsCompatTable, Non-standard
The :-moz-first-node CSS pseudo-class 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.
47 :-moz-focusring CSS, CSS Reference, NeedsLiveSample, Non-standard
The :-moz-focusring CSS pseudo-class is similar to the :focus pseudo-class, but it only matches an element if the element is currently focused and a focus ring or other indicator should be drawn for that element. If :-moz-focusring matches, then :focus also matches, but the converse is not always true - it depends on whether the user agent has focus ring drawing enabled and how the element was focused. Whether the user agent has focus ring drawing enabled can depend on things like the settings of the operating system the user is using, so the precise behavior of this pseudo-class can vary from platform to platform depending on each platforms' particular focus best practices (defaults) or user modified settings.
48 :-moz-full-screen-ancestor CSS, CSS Reference, NeedsCompatTable, NeedsExample, Non-standard, Pseudo-class
The :-moz-full-screen-ancestor CSS pseudo-class applies to 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 class applied to them.
49 :-moz-handler-blocked CSS, CSS Reference, Non-standard
:-moz-handler-blocked matches elements that cannot be displayed because their handlers have been blocked.
50 :-moz-handler-crashed CSS, CSS Reference, Non-standard
:-moz-handler-crashed matches elements that cannot be displayed because the plugin responsible for drawing them has crashed.
51 :-moz-handler-disabled CSS, CSS Reference, Non-standard
:-moz-handler-disabled matches elements that cannot be displayed because their handlers have been disabled by the user.
52 :-moz-last-node CSS, CSS Reference, NeedsCompatTable, Non-standard
The :-moz-last-node CSS pseudo-class matches an 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.
53 :-moz-loading CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The :-moz-loading CSS pseudo-class matches elements, which 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.
54 :-moz-locale-dir(ltr) CSS, CSS Reference, Localization, NeedsCompatTable, NeedsExample, Non-standard, Pseudo-class
The :-moz-locale-dir(ltr) CSS pseudo-class 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".
55 :-moz-locale-dir(rtl) CSS, CSS Reference, Localization, NeedsCompatTable, NeedsExample, Non-standard, Pseudo-class, Right-to-left
The :-moz-locale-dir(rtl) CSS pseudo-class 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".
56 :-moz-lwtheme CSS, CSS Reference, Lightweight themes, NeedsCompatTable, NeedsExample, Non-standard, Themes
The :-moz-lwtheme pseudo-class matches in chrome documents when the root element's lightweightthemes attribute is true and a theme is selected.
57 :-moz-lwtheme-brighttext CSS, CSS Reference, Non-standard
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.
58 :-moz-lwtheme-darktext CSS, CSS Reference, Non-standard, 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.
59 :-moz-only-whitespace CSS, CSS Reference, NeedsCompatTable, Non-standard, Pseudo-class
The :-moz-only-whitespace CSS pseudo-class matches an element that has no child nodes at all or empty text nodes or text nodes that have only white-space in them. Only when there are element nodes or text nodes with one or more characters inside the element, the element doesn't match this pseudo-class anymore.
60 :-moz-placeholder CSS, CSS Pseudo-class, CSS Reference, Input Placeholder, Non-Standard, Non-standard, Placeholder
The :-moz-placeholder pseudo-class represents any form element displaying placeholder text. This allows web developers and theme designers to customize the appearance of placeholder text, which is a light grey color by default. This may not work well if you've changed the background color of your form fields to be a similar color, for example, so you can use this pseudo-class to change the placeholder text color.
61 :-moz-submit-invalid CSS, CSS Pseudo-class, CSS Reference, Non-standard
The :-moz-submit-invalid CSS pseudo-class represents any submit button on forms whose contents aren't valid based on their validation constraints.
62 :-moz-suppressed CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The :-moz-suppressed CSS pseudo-class matches elements representing images that were not loaded because loading images from that site has been blocked.
63 :-moz-system-metric(images-in-menus) CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The :-moz-system-metric(images-in-menus) CSS pseudo-class matches an element if the computer's user interface supports images in menus.
64 :-moz-system-metric(mac-graphite-theme) CSS, CSS Reference, NeedsCompatTable, Non-standard
:-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.
65 :-moz-system-metric(scrollbar-end-backward) CSS, CSS Pseudo-class, CSS Reference, NeedsContent, NeedsExample, Non-standard
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.
66 :-moz-system-metric(scrollbar-end-forward) CSS, CSS Pseudo-class, CSS Reference, NeedsContent, NeedsExample, Non-standard
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.
67 :-moz-system-metric(scrollbar-start-backward) CSS, CSS Pseudo-class, CSS Reference, NeedsContent, NeedsExample, Non-standard
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.
68 :-moz-system-metric(scrollbar-start-forward) CSS, CSS Pseudo-class, CSS Reference, NeedsContent, NeedsExample, Non-standard
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.
69 :-moz-system-metric(scrollbar-thumb-proportional) CSS, CSS Pseudo-class, CSS Reference, NeedsContent, NeedsExample, Non-standard
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.
70 :-moz-system-metric(touch-enabled) CSS, CSS Pseudo-class, CSS Reference, NeedsContent, NeedsExample, Non-standard
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.
71 :-moz-system-metric(windows-default-theme) CSS, CSS Pseudo-class, CSS Reference, NeedsMobileBrowserCompatibility, Non-standard
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.
72 :-moz-tree-cell CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
Activated by the properties attribute.
73 :-moz-tree-cell-text CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
Activated by the properties attribute.
74 :-moz-tree-cell-text(hover) CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
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.
75 :-moz-tree-column CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
Activated by the properties attribute.
76 :-moz-tree-drop-feedback CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Pseudo-class
Activated by the properties attribute.
77 :-moz-tree-image CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsLiveSample, Non-standard
Activated by the properties attribute.
78 :-moz-tree-indentation CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
Activated by the properties attribute.
79 :-moz-tree-line CSS, CSS Reference, Non-standard
Activated by the properties attribute.
80 :-moz-tree-progressmeter CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
Activated when the type attribute is set to progressmeter.
81 :-moz-tree-row CSS, CSS Reference, Non-standard
The ::-moz-tree-row CSS pseudo-element is used to select rows and apply styles to tree rows.
82 :-moz-tree-row(hover) CSS, CSS Pseudo-class, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The :-moz-tree-row(hover) CSS pseudo-class will match an element if the mouse cursor is presently hovering over a tree row.
83 :-moz-tree-separator CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
Activated by the properties attribute.
84 :-moz-tree-twisty CSS, CSS Reference, Non-standard
Activated by the properties attribute.
85 :-moz-ui-invalid CSS, CSS Reference, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-class
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:
86 :-moz-ui-valid CSS, CSS Pseudo-class, CSS Reference, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard
The :-moz-ui-valid CSS pseudo-class represents any validated form element whose value validates correctly based on its validation constraints.
87 :-moz-user-disabled CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The :-moz-user-disabled CSS pseudo-class matches elements representing images that were not loaded because images have been entirely disabled by the user's preferences.
88 :-moz-window-inactive CSS, CSS Reference, CSS:Mozilla Extensions, NeedsBrowserCompatibility, NeedsLiveSample, NeedsMobileBrowserCompatibility, Non-standard
The :-moz-window-inactive CSS pseudo-class matches any element while it's in an inactive window.
89 :-ms-input-placeholder CSS, CSS Pseudo-class, CSS Reference, 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.
90 :-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.
91 ::-moz-list-bullet CSS, CSS Reference, NeedsCompatTable, Non-standard
The non-standard ::-moz-list-bullet Mozilla CSS pseudo-element is used to style the bullet of a list element.
92 ::-moz-list-number CSS, CSS Reference, NeedsCompatTable, Non-standard, Pseudo-element
The ::-moz-list-number CSS pseudo-element lets you customize the appearance of numbers on list items (<li>) occurring in ordered lists (<ol>).
93 ::-moz-page CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard
The ::-moz-page CSS pseudo-element applies to an individual page in print or print preview.
94 ::-moz-page-sequence CSS, CSS Reference, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element
The ::-moz-page-sequence CSS pseudo-element represents the background of the print preview.
95 ::-moz-placeholder CSS, CSS Pseudo-element, CSS Reference, Non-Standard, Non-standard
The ::-moz-placeholder pseudo-element represents any form element displaying placeholder text. This allows web developers and theme designers to customize the appearance of placeholder text, which is a light grey color by default. This may not work well if you've changed the background color of your form fields to be a similar color, for example, so you can use this pseudo-element to change the placeholder text color.
96 ::-moz-progress-bar CSS, CSS Reference, NeedsCompatTable, Non-standard
The ::-moz-progress-bar CSS pseudo-element applies to the area of an HTML <progress> element that represents the amount of progress that has happened so far. This lets you, for example, change the color of progress bars.
97 ::-moz-range-progress CSS, CSS Pseudo-element, Non-standard, Pseudo-element, Reference
The ::-moz-range-progress 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.
98 ::-moz-range-thumb CSS, CSS Pseudo-element, Non-standard, Pseudo-element, Reference
The ::-moz-range-thumb CSS pseudo-element represents the thumb, the virtual knob the user can move within the groove, or track, of an <input> of type="range" to alter its numerical value.
99 ::-moz-range-track CSS, CSS Pseudo-element, Non-standard, Pseudo-element, Reference
The ::-moz-range-track CSS pseudo-element represents the track, that is the groove in which the indicator of an <input> of type="range" slides.
100 ::-moz-scrolled-page-sequence CSS, CSS Reference, NeedsBrowserCompatibility, NeedsContent, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard
The ::-moz-scrolled-page-sequence CSS pseudo-element represents the background of the print preview.
101 ::-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".
102 ::-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".
103 ::-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.
104 ::-ms-expand CSS, Pseudo-element, Reference, Référence
Technical review completed.
105 ::-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.
106 ::-ms-fill-lower CSS, CSS Pseudo-element, 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.
107 ::-ms-fill-upper CSS, CSS Pseudo-element, 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.
108 ::-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.
109 ::-ms-thumb CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
Technical review completed.
110 ::-ms-track CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference, Référence
Technical review completed.
111 ::-ms-value CSS, NeedsCompatTable, NeedsExample, Non-standard, Pseudo-element, Reference, Référence
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.
112 ::-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".
113 ::-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.
114 ::-webkit-input-placeholder CSS, CSS Pseudo-element, CSS Reference, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
Technical review completed. Editorial review completed.
115 ::-webkit-meter-bar -webkit-meter-bar, CSS, Non-Standard, Non-standard, Pseudo-element, Reference
The ::-webkit-meter-bar pseudo-class sets the styling for the background of the element. Container of the <meter> gauge that holds the value.
116 ::-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 the meter element when the value and the optimum attributes fall outside the low-high range but in opposite zones. For example, value < low < high < optimum or value> high > low > optimum.
117 ::-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.
118 ::-webkit-meter-optimum-value ::-webkit-meter-optimum-value, CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-meter-optimum-value pseudo-element  styles the meter element when its value is inside the low-high range.
119 ::-webkit-meter-suboptimum-value -webkit-meter-suboptimum-value, CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-meter-suboptimum-value gives a yellow color to the meter element when the value attribute falls outside of the low-high range.
120 ::-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.
121 ::-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.
122 ::-webkit-progress-inner-element CSS, Non-standard, Pseudo-element, Reference
The ::-webkit-progress-inner-element CSS pseudo-element represents the outermost, container pseudo-element of the <progress> element. It is the parent of the ::-webkit-progress-bar pseudo-element.
123 ::-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.
124 ::-webkit-scrollbar CSS, CSS Pseudo-element, NeedsCompatTable, Reference
The ::-webkit-scrollbar CSS pseudo-element affects the style of the scrollbar of an element.
125 ::-webkit-search-cancel-button NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility
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.
126 ::-webkit-search-results-button NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility
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 which have a results attribute.
127 ::-webkit-slider-runnable-track CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
Technical review completed. Editorial review completed.
128 ::-webkit-slider-thumb CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference
Technical review completed. Editorial review completed.
129 ::after (:after) CSS, CSS Pseudo-element, Layout, Reference, Web
The CSS ::after pseudo-element matches a virtual last child of the selected element. It is typically used to add cosmetic content to an element by using the content CSS property. This element is inline by default.
130 ::backdrop CSS, CSS Pseudo-element, Full-screen, Layout, NeedsContent, Pseudo-element, Reference, Web
Each element in the top layer's stack has a ::backdrop pseudo-element. This pseudo-element is a box rendered immediately below the element (and above the element below the element in the stack, if any), within the same top layer.
131 ::before (:before) CSS, CSS Pseudo-element, Layout, NeedsMobileBrowserCompatibility, Reference, Web
::before creates a pseudo-element that is the first child of the element matched. It is often used to add cosmetic content to an element by using the content property. This element is inline by default.
132 ::first-letter (:first-letter) CSS, CSS Pseudo-element, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The ::first-letter CSS pseudo-element selects the first letter of the first line of a block, if it is not preceded by any other content (such as images or inline tables) on its line.
133 ::first-line (:first-line) CSS, CSS Pseudo-element, Layout, NeedsMobileBrowserCompatibility, Reference, Référence, Web
The ::first-line CSS pseudo-element applies styles only to the first line of an element. The amount of the text on the first line depends of numerous factors, like the width of the element, width of the document, and the font size of the text. As all pseudo-elements, ::first-line does not match any real HTML element.
134 ::grammar-error CSS, CSS Pseudo-element, Experimental, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web
Editorial review completed.
135 ::marker CSS, CSS Lists and Counters, CSS Pseudo-element, Experimental, Layout, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web
The ::marker CSS pseudo-element represents the marker box of a list item (e.g. the bullet point or item number).
136 ::placeholder CSS, CSS Pseudo-element, Experimental, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web
The ::placeholder CSS pseudo-element represents the placeholder text of a form element. This allows web developers and theme designers to customize the appearance of placeholder text.
137 ::selection CSS, CSS Pseudo-element, Layout, Reference, Web
The ::selection CSS pseudo-element applies rules to the portion of a document that has been highlighted (e.g. selected with the mouse or another pointing device) by the user.
138 ::spelling-error CSS, CSS Pseudo-element, Experimental, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web
Editorial review completed.
139 :active CSS, CSS Pseudo-class, Layout, Reference, Web
The :active CSS pseudo-class matches when an element is being activated by the user. It allows the page to give a feedback that the activation has been detected by the browser. When interacting with a mouse, this is typically the time between the user presses the mouse button and releases it. The :active pseudo-class is also typically matched when using the keyboard tab key. It is frequently used on <a> and <button> HTML elements, but may not be limited to just those.
140 :any CSS, CSS Pseudo-class, Experimental, Reference
The :any() pseudo-class lets you quickly construct sets of similar selectors by establishing groups from which any of the included items will match. This is an alternative to having to repeat the entire selector for the one item that varies.
141 :any-link CSS, CSS Pseudo-class, Experimental, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, Web
The :any-link CSS pseudo-class represents an element that acts as the source anchor of a hyperlink independent of whether it has been visited, that is, it matches every <a>, <area> or <link> elements with an href attribute. So, it matches all elements that match :link or :visited.
142 :checked CSS, CSS Pseudo-class, Layout, 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. The user can change this state by clicking on the element, or selecting a different value, in which case the :checked pseudo-class no longer applies to this element, but will to the relevant one.
143 :default CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The :default CSS pseudo-class represents any user interface element that is the default among a group of similar elements.
144 :dir() CSS, CSS Pseudo-class, Experimental, Reference
The :dir CSS pseudo-class matches elements based on the directionality of the text contained in it. In HTML, the direction is determined by the dir attribute. For other document types there may be other document methods for determining the language.
145 :disabled CSS, CSS Pseudo-class, Layout, Reference, Web
The :disabled CSS pseudo-class represents any disabled element. An element is disabled if it can't be activated (e.g. selected, clicked on or accept text input) or accept focus. The element also has an enabled state, in which it can be activated or accept focus.
146 :empty CSS, CSS Pseudo-class, Layout, Reference, Web
The :empty pseudo-class represents any element that has no children at all. Only element nodes and text (including whitespace) are considered. Comments or processing instructions do not affect whether an element is considered empty or not.
147 :enabled CSS, CSS Pseudo-class, Layout, Reference, Web
The :enabled CSS pseudo-class represents any enabled element. An element is enabled if it can be activated (e.g. selected, clicked on or accept text input) or accept focus. The element also has an disabled state, in which it can't be activated or accept focus.
148 :first CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The :first @page CSS pseudo-class describes the styling of the first page when printing a document.
149 :first-child CSS, CSS Pseudo-class, Layout, Reference, Web
The :first-child CSS pseudo-class represents any element that is the first child element of its parent.
150 :first-of-type CSS, CSS Pseudo-class, Layout, Reference, Web
The :first-of-type CSS pseudo-class represents the first sibling of its type in the list of children of its parent element.
151 :focus CSS, CSS Pseudo-class, Layout, Reference, Web
The :focus CSS pseudo-class is applied when an element has received focus, either from the user selecting it with the use of a keyboard or by activating with the mouse (e.g. a form input).
152 :focus-within CSS, CSS Pseudo-class, Layout, Reference, Web
The :focus-within CSS pseudo-class applies to all elements, for which the :focus pseudo-class applies and additionally to all shadow-including descendants. That is, it is applied when an element has received focus, either from the user selecting it using a keyboard or by activating with the mouse (e.g. a form input).
153 :fullscreen CSS, CSS Pseudo-class, Experimental, Full-screen, Reference
The :fullscreen CSS pseudo-class applies to any element that's currently being displayed in full-screen mode. It selects not only to the top level element, but to the whole stack of elements that appears.
154 :has CSS, CSS Selectors, Experimental, Pseudo-class, Reference
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.
155 :hover CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Référence, Web
The :hover CSS pseudo-class matches when the user designates an element with a pointing device, but does not necessarily activate it. This style may be overridden by any other link-related pseudo-classes, that is :link, :visited, and :active, appearing in subsequent rules. In order to style appropriately links, you need to put the :hover rule after the :link and :visited rules but before the :active one, as defined by the LVHA-order: :link:visited:hover:active.
156 :in-range CSS, CSS Pseudo-class, Reference, Web
The :in-range CSS pseudo-class matches when an element has its value attribute inside the specified range limitations for this element. It allows the page to give a feedback that the value currently defined using the element is inside the range limits.
157 :indeterminate CSS, CSS Pseudo-class, Layout, Reference, Web
The :indeterminate CSS pseudo-class represents:
158 :invalid CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The :invalid CSS pseudo-class represents any <input> or <form> element whose content fails to validate according to the input's type setting. This allows you to easily have invalid fields adopt an appearance that helps the user identify and correct errors.
159 :lang CSS, CSS Pseudo-class, Layout, Reference, Web
The :lang CSS pseudo-class matches elements based on the language the element is determined to be in. In HTML, the language is determined by a combination of the lang attribute, the <meta> element, and possibly by information from the protocol (such as HTTP headers). For other document types there may be other document methods for determining the language.
160 :last-child CSS, CSS Pseudo-class, Layout, Reference, Référence, Web
The :last-child CSS pseudo-class represents any element that is the last child element of its parent.
161 :last-of-type CSS, CSS Pseudo-class, Layout, Reference, Web
The :last-of-type CSS pseudo-class represents the last sibling with the given element name in the list of children of its parent element.
162 :left CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The :left CSS page pseudo-class matches any left page when printing a page. It allows to describe the styling of left-side pages.
163 :link CSS, CSS Pseudo-class, Layout, Reference, Référence, Web
The :link CSS pseudo-class lets you select links inside elements. This will select any link which has not yet been visited, even those already styled using selector with other link-related pseudo-classes like :hover, :active or :visited. In order to appropriately style links, you need to put the :link rule before the other ones, as defined by the LVHA-order: :link:visited:hover:active. The :focus pseudo-class is usually placed right before or right after :hover, depending on the expected effect.
164 :not() CSS, CSS Pseudo-class, Layout, Reference, Référence, Web
The negation CSS pseudo-class, :not(X), is a functional notation taking a simple selector X as an argument. It matches an element that is not represented by the argument. X must not contain another negation selector.
165 :nth-child CSS, CSS Pseudo-class, Layout, Reference, Web
The :nth-child(an+b) CSS pseudo-class matches an element that has an+b-1 siblings before it in the document tree, for a given positive or zero value for n, and has a parent element. More simply stated, the selector matches a number of child elements whose numeric position in the series of children matches the pattern an+b.
166 :nth-last-child CSS, CSS Pseudo-class, Layout, Reference, Référence, Web
The :nth-last-child(an+b) CSS pseudo-class matches an element that has an+b-1 siblings after it in the document tree, for a given positive or zero value for n, and has a parent element.
167 :nth-last-of-type CSS, CSS Pseudo-class, Layout, Reference, Web
The :nth-last-of-type CSS pseudo-class matches an element that has an+b-1 siblings with the same element name after it in the document tree, for a given positive or zero value for n, and has a parent element. See :nth-child for a more thorough description of the syntax of its argument.
168 :nth-of-type CSS, CSS Pseudo-class, Layout, Reference, Web
The :nth-of-type(an+b) CSS pseudo-class matches an element that has an+b-1 siblings with the same element name before it in the document tree, for a given positive or zero value for n, and has a parent element. See :nth-child for a more thorough description of the syntax of its argument. This is a more flexible and useful pseudo selector if you want to ensure you're selecting the same type of tag no matter where it is inside the parent element, or what other different tags appear before it.
169 :only-child CSS, CSS Pseudo-class, Layout, Reference, Référence, Web
The :only-child CSS pseudo-class represents any element which is the only child of its parent. This is the same as :first-child:last-child or :nth-child(1):nth-last-child(1), but with a lower specificity.
170 :only-of-type CSS, CSS Pseudo-class, Layout, Reference, Web
The :only-of-type CSS pseudo-class represents any element that has no siblings of the given type.
171 :optional CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The :optional CSS pseudo-class represents any <input> or <textarea> element that does not have the required attribute set on it. This allows forms to easily indicate optional fields, and to style them accordingly.
172 :out-of-range CSS, CSS Pseudo-class, CSS Reference, Layout, Web
The :out-of-range CSS pseudo-class matches when an element has its value attribute outside the specified range limitations for this element. It allows the page to give a feedback that the value currently defined using the element is outside the range limits. A value can be outside of a range if it is either smaller or larger than maximum and minimum set values.
173 :placeholder-shown CSS, CSS Pseudo-class, Reference
The :placeholder-shown pseudo-class represents any form element displaying placeholder text.
174 :read-only CSS, CSS Pseudo-class, Layout, Reference, Web
The :read-only CSS pseudo-class matches when an element is not writable by the user.
175 :read-write CSS, CSS Pseudo-class, Layout, Reference, Web
The :read-write CSS pseudo-class matches when an element is editable by user like text input elements.
176 :required CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The :required CSS pseudo-class represents any <input> element that has the required attribute set on it. This allows forms to easily indicate which fields must have valid data before the form can be submitted.
177 :right CSS, CSS Pseudo-class, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, Web
The :right CSS page pseudo-class matches any right page when printing a page. It allows to describe the styling of right-side page.
178 :root CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The :root CSS pseudo-class matches the root element of a tree representing the document. Applied to HTML, :root represents the <html> element and is identical to the selector html, except that its specificity is higher.
179 :scope CSS, CSS Pseudo-class, Experimental, Expérimental, Layout, Reference, Référence, Web
The :scope CSS pseudo-class matches the elements that are a reference point for selectors to match against. In HTML, a new reference point can be defined using the scoped attribute of the <style>. If no such attribute is used on an HTML page, the reference point is the <html> element.
180 :target CSS, CSS Pseudo-class, Layout, Reference, Web
The :target pseudo-class represents the unique element, if any, with an id matching the fragment identifier of the URI of the document.
181 :valid CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web
The :valid CSS pseudo-class represents any <input> or <form> element whose content validates correctly according to the input's type setting. This allows to easily make valid fields adopt an appearance that helps the user confirm that their data is formatted properly.
182 :visited CSS, CSS Pseudo-class, CSS3, Layout, NeedsMobileBrowserCompatibility, Reference, Référence, Web
The :visited CSS pseudo-class lets you select only links that have been visited. This style may be overridden by any other link-related pseudo-classes, that is :link, :hover, and :active, appearing in subsequent rules. In order to style appropriately links, you need to put the :visited rule after the :link rule but before the other ones, defined in the LVHA-order: :link:visited:hover:active.
183 <angle> CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The <angle> CSS data type represents angle values. Positive angles represent clockwise angles, negative angles represent counterclockwise angles. Its syntax is a <number> data type immediately followed by the unit (deg, grad, rad or turn). Like for any CSS dimension, there is no space between the unit literal and the number.
184 <basic-shape> CSS, CSS Data Type, CSS Shapes, NeedsExample, Reference, Référence
The <basic-shape> type can be specified using basic shape functions. When using this syntax to define shapes, the reference box is defined by each property that uses <basic-shape> values. The coordinate system for the shape has its origin on the top-left corner of the reference box with the x-axis running to the right and the y-axis running downwards. All the lengths expressed in percentages are resolved from the used dimensions of the reference box.
185 <blend-mode> Blend modes, CSS, CSS Compositing, CSS Data Type, Compositing, Reference, Référence
The <blend-mode> type is a collection of keywords describing blend modes.
186 <color> CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The <color> CSS data type denotes a color in the sRGB color space. A color can be described in any of these ways:
187 <custom-ident> CSS, CSS Data Type, Layout, Reference, Web
The <custom-ident> CSS data value denotes an arbitrary user-defined string used as an identifier. It is case-sensitive and in each context, several values are excluded to prevent misinterpretations.
188 <flex> CSS, CSS Data Type, Experimental, Layout, Reference, Web
The <flex> CSS data type denotes a flexible length within a grid container, which is declared as dimension with the unit fr.
189 <frequency> CSS, CSS Data Types, CSS Unit, Layout, Reference, Web
The <frequency> CSS data type denotes a frequency dimension, like the pitch of a speaking voice.
190 <gradient> CSS, CSS Data Type, Graphics, Layout, Reference, Web
The <gradient> CSS data type denotes a CSS <image> made of a progressive transition between two or more colors. A CSS gradient is not a CSS <color> but an image with no intrinsic dimensions; that is, it has no natural or preferred size, nor a preferred ratio. Its concrete size will match the one of the element it applies to.
191 <image> CSS, CSS Data Type, CSS Image, Graphics, Layout, Reference, Web
The <image> CSS data type represents a 2D image. There are two kinds of images in CSS: plain static images, often referenced using a URL, and dynamically-generated images like gradients or representations of parts of the tree.
192 <integer> CSS, CSS Data Type, Layout, Reference, Web
The <integer> CSS data type denotes an integer number, positive or negative. There isn't any associated unit with the value. An integer consists of one or several decimal digits, 0 to 9, optionally preceded by one single + or - sign.
193 <length> CSS, CSS Data Type, Layout, Reference, Web
The <length> CSS data type denotes distance measurements. It is a <number> immediately followed by a length unit (px, em, pc, in, mm, …). Like for any CSS dimension, there is no space between the unit literal and the number. The length unit is optional after the <number> 0.
194 <number> CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The <number> CSS data type represents a number, either integer or fractional. Its syntax extends the one of the <integer> data value. To represent a fractional value, add the fractional part — a '.' followed by one or several decimal digits — to any <integer> data value. Like for <integer> data type, there isn't any unit associated to a <number>, which is not a CSS dimension.
195 <percentage> CSS, CSS Data Type, Layout, Reference, Web
The <percentage> CSS data types represent a percentage value. Many CSS properties can take percentage values, often to define sizes in terms of parent objects. Percentages are formed by a <number> immediately followed by the percentage sign %. Just as is the case with all other units in CSS, there isn't a space between the '%' and the number.
196 <position> CSS, CSS Data Type, Layout, Reference, Web
The <position> CSS data type denotes a coordinate in a 2D space used to set a location relative to a box.
197 <ratio> 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. It is a strictly positive <integer> followed by a slash ('/', Unicode U+002F SOLIDUS) and a second strictly positive <integer>. There may be spaces before and after the solidus.
198 <resolution> CSS, CSS Data Type, Layout, Reference, Web
The <resolution> CSS data types, used in media queries, denotes the density of pixels of an output device, its resolution. It is a <number> immediately followed by a unit of resolution (dpi, dpcm, ...). Like for any CSS dimension, there is no space between the unit literal and the number.
199 <shape-box> CSS, CSS Data Type, CSS Shapes, Reference, Référence
Shapes can be specified for shape-outside with a <shape-box> type, which is a reference to edges in the CSS Box Model.
200 <shape> CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Référence, Web
The <shape> CSS data type denotes the specific form of a region. This region is used to define on which part of an element some properties like clip do apply.
201 <single-transition-timing-function> CSS, CSS Data Type, CSS Reference, Layout, Reference, Web
The <single-transition-timing-function> CSS data type denotes a mathematical function that describes how fast one-dimensional values change during transitions or animations. This in essence lets you establish an acceleration curve, so that the speed of the animation can vary over its duration. These functions are often called easing functions.
202 <string> CSS, CSS Data Type, Layout, Reference, Web
The <string> CSS data type represents a string. It is formed by a Unicode characters delimited by either double (") or single (') quotes. A double quoted string cannot contain double quotes unless escaped using a backslash (\). The same practice applies for single quoted strings, they cannot contain single quotes unless escaped using a backslash (\). The backslash character must be escaped to be part of the string.
203 <time> CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The <time> CSS data type denotes time dimensions expressed in seconds or milliseconds. They consists of a​ ​​​​​​<number> immediately followed by the unit. Like for any CSS dimension, there is no space between the unit literal and the number.
204 <transform-function> CSS, CSS Data Type, CSS Reference, CSS Transforms, Layout, Reference, Web
The <transform-function> CSS data type denotes a function applied to an element's representation in order to modify it. Usually such transform may be expressed by matrices and the resulting images can be determined using matrix multiplication on each point.
205 matrix() CSS, CSS Function, CSS Transforms, NeedCompatTable, NeedsExample, Reference
The matrix() CSS function specifies a homogeneous 2D transformation matrix comprised of the specified six values. The constant values of such matrices are implied and not passed as parameters; the other parameters are described in the column-major order.
206 matrix3d() CSS, CSS Function, CSS Transforms, NeedsCompatTable, NeedsExample, Reference
The matrix3d() CSS function describes a 3D transform as a 4x4 homogeneous matrix. The 16 parameters are described in the column-major order.
207 perspective() CSS, CSS Function, CSS Transforms, NeedsCompatTable, NeedsExample, Reference
The perspective() CSS function defines 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.
208 rotate() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The rotate() CSS function defines a transformation that moves the element around a fixed point (as specified by the transform-origin property) without deforming it. The amount of movement is defined by the specified angle; if positive, the movement will be clockwise, if negative, it will be counter-clockwise. A rotation by 180° is called point reflection.
209 rotate3d() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The rotate3d() CSS function defines a transformation that moves the element around a fixed axis without deforming it. The amount of movement is defined by the specified angle; if positive, the movement will be clockwise, if negative, it will be counter-clockwise.
210 rotateX() CSS, CSS Function, CSS Transforms, NeedsCompatTable, NeedsExample, Reference
The rotateX()CSS function defines a transformation that moves the element around the abscissa without deforming it. The amount of movement is defined by the specified angle; if positive, the movement will be clockwise, if negative, it will be counter-clockwise.
211 rotateY() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The rotateY()CSS function defines a transformation that moves the element around the ordinate without deforming it. The amount of movement is defined by the specified angle; if positive, the movement will be clockwise, if negative, it will be counter-clockwise.
212 rotateZ() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The rotateZ() CSS function defines a transformation that moves the element around the z-axis without deforming it. The amount of movement is defined by the specified angle; if positive, the movement will be clockwise, if negative, it will be counter-clockwise.
213 scale() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The scale() CSS function modifies the size of the element. It can either augment or decrease its size and as the amount of scaling is defined by a vector, it can do so more in one direction than in another one.
214 scale3d() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The scale3d() CSS function modifies the size of an element. Because the amount of scaling is defined by a vector, it can resize different dimensions at different scales.
215 scaleX() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The scaleX() CSS function modifies the abscissa of each element point by a constant factor, except if this scale factor is 1, in which case the function is the identity transform. The scaling is not isotropic and the angles of the element are not conserved.
216 scaleY() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The scaleY() CSS function modifies the ordinate of each element point by a constant factor except if this scale factor is 1, in which case the function is the identity transform. The scaling is not isotropic and the angles of the element are not conserved.
217 scaleZ() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The scaleZ() CSS function modifies the z-coordinate of each element point by a constant factor, except if this scale factor is 1, in which case the function is the identity transform. The scaling is not isotropic and the angles of the element are not conserved.
218 skew() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The skew() CSS function is a shear mapping, or transvection, distorting each point of an element by a certain angle in each direction. It is done by increasing each coordinate by a value proportionate to the specified angle and to the distance to the origin. The more far from the origin, the more away the point is, the greater will be the value added to it.
219 skewX() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The skewX() CSS function is a horizontal shear mapping distorting each point of an element by a certain angle in the horizontal direction. It is done by increasing the abscissa coordinate by a value proportionate to the specified angle and to the distance to the origin. The more far from the origin, the more away the point is, the greater will be the value added to it.
220 skewY() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The skewY() CSS function is a vertical shear mapping distorting each point of an element by a certain angle in the vertical direction. It is done by increasing the ordinate coordinate by a value proportionate to the specified angle and to the distance to the origin. The more far from the origin, the more away the point is, the greater will be the value added to it.
221 translate() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The translate() CSS function moves the position of the element on the plane. This transformation is characterized by a vector whose coordinates define how much it moves in each direction.
222 translate3d() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The translate3d() CSS function moves the position of the element in the 3D space. This transformation is characterized by a 3-dimension vector whose coordinates define how much it moves in each direction.
223 translateX() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The translateX() CSS function moves the element horizontally on the plane. This transformation is characterized by a <length> defining how much it moves horizontally.
224 translateY() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The translateY() CSS function moves the element vertically on the plane. This transformation is characterized by a <length> defining how much it moves vertically.
225 translateZ() CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference
The translateZ() CSS function moves the element along the z-axis of the 3D space. This transformation is characterized by a <length> defining how much it moves.
226 <url> CSS, Layout, Reference, Référence, Type, URI, URL, Web, data, url, urn
The <url> CSS data type denotes a pointer to a resource. It has no proper syntax and can only be expressed through the url() functional notation.
227 @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.
228 @counter-style At-rule, CSS, Reference, Styles, counter
The @counter-style CSS at-rule lets authors define specific counter styles that are not part of the predefined set of styles. A @counter-style rule defines how to convert a counter value into a string representation.
229 additive-symbols @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The additive-symbols descriptor is similar to the symbols descriptor and allows the user to specify symbols to be used for counter representations when the value of the system descriptor is additive. The additive-symbols descriptor defines what are known as additive tuples, each of which is a pair containing a symbol and a non-negative integer weight.
230 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.
231 negative @counter-style, CSS, CSS Descriptor, Reference
When defining custom counter styles, the negative descriptor lets the author 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.
232 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.
233 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.
234 range @counter-style, CSS, CSS Descriptor, CSS Lists, 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.
235 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 represent it with an audio cue.
236 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).
237 symbols @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference
The symbols 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.
238 system @counter-style, CSS, CSS Counter Styles, CSS Descriptor, NeedsLiveSample, Reference, css
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.
239 @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 style sheets. A @document rule can specify one or more matching functions. If any of the functions apply to a URL, the rule will take effect on that URL.
240 @font-face At-rule, 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.
241 font-display @font-face, CSS, Experimental, Fonts, Reference, descriptor
The font-display descriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use.
242 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.
243 font-style @font-face, CSS, Fonts, Reference, descriptor
The font-style CSS descriptor allows authors to specify font styles for the fonts specified in the @font-face rule.
244 src @font-face, CSS, CSS Descriptor, CSS Fonts, NeedsMobileBrowserCompatibility, 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.
245 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.
246 @font-feature-values At-rule, CSS, Fonts, Reference
The @font-feature-values CSS at-rule allows authors to use a common name in font-variant-alternates for feature activated differently in OpenType. It allows to simplify the CSS when using several fonts.
247 @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.
248 @keyframes Animations, At-rule, CSS, Experimental, Reference, animations
The @keyframes CSS at-rule lets authors control the intermediate steps in a CSS animation sequence by establishing keyframes (or waypoints) along the animation sequence that must be reached by certain points during the animation. This gives you more specific control over the intermediate steps of the animation sequence than you'd get when letting the browser handle everything automatically.
249 @media At-rule, CSS, Reference
The @media CSS at-rule associates a set of nested statements, in a CSS block that is delimited by curly braces, with a condition defined by a media query. The @media at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.
250 -webkit-animation CSS, Reference, Référence
Technical review completed.
251 -webkit-device-pixel-ratio NeedsBrowserCompatibility, NeedsCompatTable, NeedsMobileBrowserCompatibility
-webkit-device-pixel-ratio is a non-standard boolean CSS media feature which is an alternative to the standard resolution media feature.
252 -webkit-transform-2d CSS, Reference, Référence
Technical review completed.
253 -webkit-transform-3d CSS, Reference, Référence
-webkit-transform-3d is a non-standard boolean CSS media feature whose value indicates whether vendor-prefixed CSS 3D transforms are supported or not. This media feature is only supported by WebKit and Blink. The standards-based alternative is to use a @supports feature query instead.
254 -webkit-transition CSS, Reference, Référence
Technical review completed.
255 any-hover CSS, NeedsExample, Reference, Référence
any-hover is a CSS media feature that can be used to check whether any available input mechanism allows the user to hover over elements.
256 any-pointer CSS, NeedsExample, Reference, Référence
any-pointer is a CSS media feature that can be used to check whether any available input mechanism is a pointing device, and if so, how accurate it is.
257 aspect-ratio CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
Technical review completed.
258 color CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
color is a CSS media feature whose value is the <integer> number of bits per color component (red, green, blue) of the feature. CSS colors can either be defined in hexidecimal format or in an RGB format.
259 color-index CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
color-index is a CSS media feature whose value is the <integer> number of entries in the output device's color lookup table, or zero if the device does not use such a table.
260 device-aspect-ratio CSS, NeedsBrowserCompatibility, Reference, Référence, Web
Technical review completed.
261 device-height CSS, NeedsBrowserCompatibility, Reference, Référence
Technical review completed.
262 device-width CSS, NeedsBrowserCompatibility, Reference, Référence
device-width is a deprecated CSS media feature whose value is the width of the rendering surface of the output device, as a CSS <length>.
263 display-mode @media, CSS, display, display-mode, media feature, web app manifest
display-mode is a CSS media feature that selectively applies CSS based on the display mode of the application. This feature corresponds the Web app manifest's display member. Both apply to the top-level browsing context and any child browsing contexts. This query applies regardless of whether a web app manifest is present. Use this query to provide a consistant user experience between launching a site from an URL and lunching it from a desktop icon.
264 grid CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
grid is a CSS media feature whose value is an <mq-boolean> indicating whether or not the device is a grid or bitmap.
265 height CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
height is a CSS media feature whose value is the viewport's height as a CSS <length>.
266 hover CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
hover is a CSS media feature that can be used to check whether the primary input mechanism allows the user to hover over elements.
267 inverted-colors CSS, NeedsBrowserCompatibility, NeedsExample, Reference
inverted-colors is a CSS media feature that can be used to check whether the user agent or underlying OS is inverting colors.
268 light-level CSS, NeedsBrowserCompatibility, NeedsExample, Reference
light-level is a CSS media feature that can be used to check the current ambient light level.
269 monochrome CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
monochrome is a CSS media feature whose value is the <integer> number of bits per pixel in the output device's monochrome frame buffer, or 0 if the device is not monochrome.
270 orientation CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
Technical review completed.
271 overflow-block CSS, NeedsBrowserCompatibility, NeedsEnumeratedValueMeanings, NeedsExample, Reference
overflow-block is a CSS media feature that can be used to check how the output device handles content that overflows the viewport along the block axis.
272 overflow-inline CSS, NeedsBrowserCompatibility, NeedsExample, Reference
overflow-inline is a CSS media feature which can be used to indicate whether content that overflows the viewport along the inline axis can be scrolled.
273 pointer CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
pointer is a CSS media feature that can be used to check whether the primary input mechanism is a pointing device, and if so, how accurate it is.
274 resolution CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
resolution is a CSS media feature whose value is the pixel density of the output device, as a CSS <resolution>.
275 scan CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
scan is a CSS media feature that can be used to check what the scanning process (if any) of the output device is. The word scanning used in this context is not the same as with scanning a book or document into an image format using a scanner. Scanning here refers to the process in which an image is painted into a television (or other device) screen.
276 scripting CSS, NeedsBrowserCompatibility, NeedsExample, Reference
scripting is a CSS media feature that can be used to check whether scripting (e.g., JavaScript) is available.
277 update CSS, NeedsBrowserCompatibility, NeedsExample, Reference
update is a CSS media feature that can be used to check how quickly (if at all) the output device is able to modify the appearance of the content.
278 width CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence
width is a CSS media feature that can be used to apply styles conditionally based on the width of the viewport. The width must be specified as a <length> value.</length>
279 @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.
280 @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.
281 bleed CSS, CSS Reference, NeedsBrowserCompatibility, NeedsLiveSample, NeedsMobileBrowserCompatibility
The bleed at-rule descriptor 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.
282 marks CSS, CSS Property, Layout, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Reference, Web
The marks CSS at-rule descriptor 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.
283 size CSS, CSS Descriptor, NeedsBrowserCompatibility, Reference, Web
Editorial review completed.
284 @styleset
Editorial review completed.
285 @supports At-rule, CSS, CSS3, CSS3-conditionals, Layout, Reference, Web
The @supports CSS at-rule associates a set of nested statements, in a CSS block, that is delimited by curly braces, with a condition consisting of testing of CSS declarations, that is property-value pairs, combined with arbitrary conjunctions, disjunctions, and negations of them. Such a condition is called a supports condition.
286 @viewport Adaptation, At-rule, CSS, Device, NeedsContent, Reference
The @viewport CSS at-rule contains a set of nested descriptors in a CSS block that is delimited by curly braces. These descriptors control viewport settings, primarily on mobile devices.
287 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.
288 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.
289 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.
290 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.
291 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.
292 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.
293 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.
294 orientation CSS, CSS Descriptor, NeedsBrowserCompatibility, NeedsExample, Reference
Technical review completed.
295 user-zoom CSS, CSS Descriptor, Graphics, Layout, NeedsBrowserCompatibility, NeedsExample, Reference, Web
Technical review completed.
296 width Beginner, CSS, 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.
297 zoom CSS, CSS Descriptor, Graphics, Layout, NeedsBrowserCompatibility, NeedsExample, Reference, Web
The zoom CSS Descriptor sets the initial zoom factor of a document defined by @viewport.
298 Adjacent sibling selectors CSS, CSS Reference, NeedsMobileBrowserCompatibility, Selectors
This is referred to as an adjacent selector or next-sibling selector. It will select only the specified element that immediately follows the former specified element.
299 Alternative Style Sheets CSS, NeedsCompatTable
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.
300 At-rule CSS, 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.
301 Attribute selectors Beginner, CSS, CSS Reference, Selectors, beginner
Attribute selectors select an element using the presence of a given attribute or attribute value.
302 CSS Animations CSS, CSS Animations, Experimental, Overview, Reference
CSS Animations is a module of CSS that defines how to animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their duration, their number of repetitions, and how they repeat.
303 Detecting CSS animation support Advanced, Animation, CSS
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.
304 Using CSS animations Advanced, CSS, CSS Animations, Example, Experimental, Guide
CSS animations make it possible to animate transitions from one CSS style configuration to another.
305 CSS Background and Borders CSS, CSS Backgrounds and Borders, CSS Reference, Overview
CSS Background and Borders is a module of CSS that defines how background and borders of elements are described. Borders can be lines or images, boxes can have one or multiple backgrounds, have rounded corners, and shadows.
306 Border-image generator CSS, Tools
This tool can be used to generate CSS3 border-image values.
307 Border-radius generator CSS, Tools
This tool can be used to generate CSS3 border-radius effects.
308 Scaling background images Advanced, CSS, CSS Background, Example, Graphics, Guide, Web
The background-size CSS property makes it possible to adjust the size of background images, instead of the default behavior of tiling the image at its full size.
309 Using CSS multiple backgrounds CSS, CSS Background, Example, Guide, Intermediate, NeedsCompatTable
With CSS3, 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.
310 CSS Box Model CSS, CSS Box Model, CSS Reference, Overview
CSS Box Model is a CSS module that defines the rectangular boxes, including their padding and margin, that are generated for elements and laid out according to the visual formatting model.
311 Box-shadow generator CSS3, Tools, box-shadow
This tool lets you construct CSS box-shadow effects, to add box shadow effects to your CSS objects.
312 Introduction to the CSS box model Beginner, CSS, CSS Box Model, Reference
In a document, each element is represented as a rectangular box. Determining the size, properties — like its color, background, borders aspect — and the position of these boxes is the goal of the rendering engine.
313 Mastering margin collapsing CSS, CSS Box Model, Reference
Top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the margins combined into it, a behavior known as margin collapsing.
314 CSS Charsets CSS, CSS Charsets, Overview, Reference
CSS Charsets is a module of CSS that allow to define the character set used in the stylesheet.
315 CSS Colors CSS, CSS Colors, Overview, Reference
CSS Colors is a module of CSS that deals with colors, color types and transparency.
316 Color picker tool CSS, Tools
Technical review completed.
317 CSS Columns CSS, CSS Reference, Overview
CSS Columns is a module of CSS that defines a multi-column layout, allowing to express how content should flow between columns and how gaps and rules are handled.
318 Using CSS multi-column layouts Advanced, CSS, Guide, Multi-columns, Web
The CSS multi-column layout extends the block layout mode to allow the easy definition of multiple columns of text.
319 CSS Compositing and Blending CSS, CSS Compositing and Blending, CSS Reference, Overview
CSS Compositing and Blending is a CSS module that defines how shapes of different elements are combined into a single image.
320 CSS Conditional Rules CSS, CSS Conditional Rules, CSS Reference, Overview
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.
321 CSS Device Adaptation CSS, CSS Device Adaptation, Overview, Reference
CSS Device Adaptation is a CSS module that allows to define the size, zoom factor, and orientation of the viewport.
322 CSS Display CSS, CSS Display, CSS Reference, Overview
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.
323 CSS Flexible Box Layout CSS, CSS Flexible Boxes, CSS Reference, Overview
CSS Flexible Box Layout is a module of CSS that defines a CSS box model optimized for user interface design. 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. Nesting of these boxes (horizontal inside vertical, or vertical inside horizontal) can be used to build layouts in two dimensions.
324 Advanced layouts with flexbox
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.
325 Using CSS Flexible Boxes #RWD, Advanced, Boxes, CSS, Example, Flexible, Guide, Web
The CSS3 Flexible Box, or flexbox, is a layout mode providing for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices.
326 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:
327 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 allows to define the style of a font, like its family, its size or its weight, and the variant of the glyph to be used, for a font that has several glyphs for one character. It also allows to define the height of a line.
328 CSS Generated Content CSS, CSS Generated Content, CSS Reference, Overview
CSS Generated Content is a module of CSS that defines how to add content to an element.
329 CSS Grid Layout CSS, Reference
CSS Grid layout contains design features targeted at web application developers. The CSS grid can be used to achieve many different layouts. It 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.
330 CSS Images CSS, CSS Images, CSS Reference, Overview
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.
331 Implementing image sprites in CSS Advanced, CSS, CSS Image, 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.
332 Using CSS gradients Advanced, CSS, CSS Image, Example, Guide, NeedsLiveSample, NeedsUpdate, Web
CSS gradients are new types of <image> added in the CSS3 Image Module. Using CSS gradients lets you display smooth transitions between two or more specified colors.
333 CSS Lists and Counters CSS, CSS Lists and Counters, CSS Reference, Overview
CSS Lists and Counters is a module of CSS that defines how lists are laid out, how the list marker can be styled and how authors can create new counters.
334 Consistent list indentation CSS, Guide, Intermediate, 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.
335 Using CSS counters Advanced, CSS, CSS List, CSS Value, Guide, Layout, Reference, Web
CSS counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they're used. This lets you adjust the appearance of content based on its placement in the document.
336 CSS Logical Properties CSS, CSS Logical Properties, Overview, Reference
CSS Logical Properties is a module of CSS that defines logical mapping to physical properties to control the layout.
337 CSS Masks CSS, CSS Masks, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Overview
CSS Masks is a CSS module that defines means, including masking and clipping, for partially or fully hiding portions of visual elements.
338 CSS Miscellaneous CSS, Overview, Reference
These pages contain CSS properties that are highly experimental or don't fit in any other categories.
339 CSS Namespaces CSS, CSS Namespaces, Overview, Reference, Web
CSS Namespaces is a CSS module that allows authors to specify XML namespaces in CSS.
340 CSS Pages CSS, CSS Pages, CSS Reference, Overview
CSS Pages is a module of CSS that defines how page switches are handled, as well as orphans and widows.
341 CSS Positioning CSS, CSS Positioning, CSS Reference, Overview
CSS Positioning is a module of CSS that defines how to absolutely and relavitely position elements on the page.
342 Understanding CSS z-index Advanced, CSS, Guide, Understanding_CSS_z-index, Web
The z-index attribute lets you adjust the order of the layering of objects when rendering content.
343 Adding z-index Advanced, CSS, Understanding_CSS_z-index
The first example, Stacking without z-index, explains how stacking is arranged by default. If you want to specify a different stacking order, you have to position an element and use the z-index property.
344 Stacking and float Advanced, CSS, Understanding_CSS_z-index
For floating blocks the stacking order is a bit different. Floating blocks are placed between non-positioned blocks and positioned blocks:
345 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.
346 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.
347 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.
348 Stacking without z-index Advanced, CSS, Understanding_CSS_z-index
When no element has a z-index, elements are stacked in this order (from bottom to top):
349 The stacking context Advanced, CSS, Example, Guide, Understanding_CSS_z-index, Web
Stacking context is the 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.
350 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:
351 CSS Ruby CSS, CSS Ruby, Overview, Reference
CSS Ruby is a module of CSS that provides the rendering model and formatting controls related to display ruby annotation, a form of interlinear annotation, short runs of text alongside the base text.
352 CSS Scroll Snap Points CSS, CSS Scroll Snap Points, Overview, Reference
CSS Scroll Snap Points is a module of CSS that defines properties and values that provide the author with the ability to control layout through logical, rather than physical, direction and dimension mappings
353 CSS Selectors CSS, CSS Selectors, Overview, Reference, Selectors
Selectors define to which elements a set of CSS rules apply.
354 Using the :target pseudo-class in selectors CSS, CSS_3, Selectors
When a URL points at a specific piece of a document, it can be difficult to ascertain. Find out how you can use some simple CSS to draw attention to the target of a URL and improve the user's experience.
355 CSS Shapes CSS, CSS Reference, CSS Shapes, Overview
CSS Shapes is a CSS module that defines geometric shapes for use in CSS values.
356 CSS Table CSS, CSS Reference, CSS Table, Overview
CSS Table is a CSS module that defines how to lay out table data.
357 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.
358 CSS Text Decoration CSS, CSS Reference, CSS Text Decoration, Overview
CSS Text Decoration is a module of CSS that defines features relating to text decoration, such as underlines, text shadows, and emphasis marks.
359 CSS Transforms CSS, CSS Reference, Experimental, Overview
CSS Transforms is a module of CSS that defines how elements styled with CSS can be transformed in two-dimensional or three-dimensional space.
360 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.
361 CSS Transitions CSS, CSS Transitions, Experimental, Overview, Reference
CSS Transitions is a module of CSS that defines how to create smooth transitions between values of given CSS properties. It allows to create them but also to define their evolution, using timing functions.
362 Using CSS transitions Advanced, CSS, CSS Transitions, Experimental, Tutorial
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.
363 CSS Tutorials CSS, Guide, 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.
364 CSS User Interface CSS, CSS Basic User Interface, Overview, Reference
CSS User Interface is a CSS module that allows to define the rendering and functionality of user interface related features.
365 Using URL values for the cursor property CSS, Gecko, Reference, Référence
Technical review completed.
366 CSS Writing Modes CSS, CSS Reference, CSS Writing Modes, Overview
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).
367 CSS animated properties CSS
Some CSS properties can be animated, that is can change in a smooth way when its value change, either when used by CSS Animations or CSS Transitions.
368 CSS documentation index CSS
Found 747 pages:
369 CSS reference CSS, CSS Reference
This CSS Reference shows the basic syntax of a CSS rule; lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, units, and selectors, all together in alphabetical order, as well as just the selectors by type; and allows you to quickly access detailed information for each of them. It not only lists the CSS 1 and CSS 2.1 properties, but also is a CSS3 reference that links to any CSS3 property and concept standardized, or already stabilized.  Also included is a brief DOM-CSS / CSSOM reference.
370 CSS3 CSS, CSS Reference, Intermediate
CSS3 is the latest evolution of the Cascading Style Sheets language and aims at extending CSS2.1. It brings a lot of long-awaited novelties, like rounded corners, shadows, gradients, transitions or animations, as well as new layouts like multi-columns, flexible box or grid layouts.
371 CSSOM View CSS, CSSOM View, Experimental, Overview, Reference
CSSOM View is a module that allows to manipulate the visual view of a document, in particular its scrolling behavior.
372 Cascade CSS
The cascade is a fundamental feature of CSS. It is an algorithm defining how to combine properties values originating from different sources. It lies at the core of CSS as stressed by its name: Cascading Style Sheets.
373 Child selectors Beginner, CSS, CSS Reference, NeedsMobileBrowserCompatibility, Selectors, beginner
The > combinator separates two selectors and matches only those elements matched by the second selector that are direct children of elements matched by the first. By contrast, when two selectors are combined with the descendant selector, the combined selector expression matches those elements matched by the second selector for which there exists an ancestor element matched by the first selector, regardless of the number of "hops" up the DOM.
374 Class selectors Beginner, CSS, CSS Reference, Selectors
In an HTML document, CSS class selectors match an element based on the contents of the element's class attribute. The class attribute is defined as a space-separated list of items, and one of those items must match exactly the class name given in the selector.
375 Comments Beginner, CSS, CSS Reference, beginner
Comments are used to add explanatory notes or prevent the browser from interpreting parts of the stylesheet.
376 Common CSS questions CSS, Example, Guide, Web
Browsers use the DOCTYPE declaration to choose whether to show the document using a mode that is more compatible  with Web standards or with old browser bugs. Using a correct and modern DOCTYPE declaration at the start of your HTML will improve browser standards compliance.
377 Computed value CSS, Guide, Web
The computed value of a CSS property is computed from the specified value by:
378 Custom properties (--*) CSS, CSS Variables, Experimental, Reference
Property names that are prefixed with --, like --example-name, represent custom properties that contain a value than can be reused throughout the document using the (var()) function.
379 Descendant selectors Beginner, CSS, CSS Reference, Selectors
A descendant combinator — typically represented by a single space ( ) character in the form of selector₁ selector₂ — combines two selectors such that elements matched by the second selector (selector₂) are selected if they have an ancestor element matching the first selector (selector₁). Selectors that utilize a descendant combinator are called descendant selectors.
380 Draft Implementations of CSS Features CSS
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.
381 Filters 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.
382 General sibling selectors Beginner, CSS, CSS Reference, NeedsMobileBrowserCompatibility, Selectors
The ~ combinator separates two selectors and matches the second element only if it is preceded by the first, and both share a common parent.
383 ID selectors Beginner, CSS, CSS Reference, Selectors
In an HTML document, CSS ID selectors match an element based on the contents of that element's id attribute, which must match exactly the value given in the selector.
384 Layout mode CSS
A CSS layout mode, sometimes abbreviated as layout, is an algorithm determining the position and the size of boxes based on the way they interact with their sibling and ancestor boxes. There are several of them:
385 List of Proprietary CSS Features CSS, NeedsContent
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).
386 Media queries CSS, Media Queries, Overview, Reference
Media Queries is a module of CSS that defines expressions allowing to tailor presentations to a specific range of output devices without changing the content itself.
387 Testing media queries Advanced, CSS, DOM, Guide, Media Queries, NeedsMobileBrowserCompatibility, Responsive Design, Web
The DOM provides features that make it possible to test the results of a media query programmatically. This is done using the MediaQueryList interface and its methods and properties. Once you've created a MediaQueryList object, you can check the result of the query or, alternatively, receive notifications automatically when the result changes.
388 Using media queries Advanced, CSS, Guide, Media Queries, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Responsive Design, Web
A media query consists of an optional media type and zero or more expressions that limit the style sheets' scope by using media features, such as width, height, and color. Media queries, added in CSS3, let the presentation of content be tailored to a specific range of output devices without having to change the content itself.
389 Motion Path CSS, Experimental, Motion Path, Overview, Reference
Motion Path is a module that allows authors to animate any graphical object along a custom path.
390 Mozilla CSS Extensions CSS, CSS Reference, CSS:Mozilla Extensions
Mozilla supports a number of extensions to CSS that are prefixed with -moz-.
391 Mozilla CSS support chart CSS, CSS Reference, NeedsUpdate
This page lists supported CSS selectors, properties, @-rules, Media queries and values in alphabetical order.
392 Paged Media CSS, CSS3, Page Breaks
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
393 Privacy and the :visited selector CSS, Security
Historically, the CSS :visited selector has been a way for sites to query the user's history, by using getComputedStyle() or other techniques to walk through the user's history to figure out what sites the user has visited. This can be done quickly, and makes it possible not only to determine where the user has been on the web, but can also be used to guess a lot of information about a user's identity.
394 Pseudo-classes CSS, CSS Reference, Intermediate, Selectors
A CSS pseudo-class is a keyword added to selectors that specifies a special state of the element to be selected. For example :hover will apply a style when the user hovers over the element specified by the selector.
395 Pseudo-elements Beginner, CSS, CSS Reference, CSS Référence, Selectors
Just like pseudo-classes, pseudo-elements are added to selectors but instead of describing a special state, they allow you to style certain parts of a document. For example, the ::first-line pseudo-element targets only  the first line of an element specified by the selector.
396 Questions about CSS Beginner, CSS, Junk, NeedsContent, NeedsHelp, beginner, junk
No summary!
397 Replaced element CSS, CSS Reference
In CSS, a replaced element is an element whose representation is outside the scope of CSS. These are a type of external object whose representation is independent of the CSS. Typical replaced elements are <img>, <object>, <video> or form elements like <textarea> and <input>. Some elements, like <audio> or <canvas> are replaced elements only in specific cases. Objects inserted using the CSS content properties are anonymous replaced elements.
398 Resolved value CSS
The resolved value of a CSS property is the value returned by getComputedStyle(). For most properties, it is the computed value, but for a few legacy properties (including width and height), it is instead the used value. See the specification link below for more per-property details.
399 Scaling of SVG backgrounds Background, CSS, Guide, Images, 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.
400 Shorthand properties CSS, Guide, Web
Shorthand properties are CSS properties that let you set the values of several other CSS properties simultaneously. Using a shorthand property, a Web developer can write more concise and often more readable style sheets, saving time and energy.
401 Specificity Beginner, CSS, Example, Guide, 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 CSS selectors of different sorts.
402 Syntax Beginner, CSS, Guide, 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:
403 Tools CSS
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.
404 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!
405 Linear-gradient Generator CSS, Tools
This tool can be used to create custom CSS3 linear-gradient() backgrounds.
406 Type selectors Beginner, CSS, CSS Reference, NeedsMobileBrowserCompatibility, Selectors
CSS type selectors match elements by node name. Used alone, therefore, a type selector for a particular node name selects all elements of that type — that is, with that node name — in the document.
407 Universal selectors Beginner, CSS, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Selectors
An asterisk (*) is the universal selector for CSS. It matches a single element of any type. Omitting the asterisk with simple selectors has the same effect. For instance, *.warning and .warning are considered equal.
408 Used value CSS, Guide, Web
The used value of any CSS property is the final value of that property after all calculations have been performed. For some properties, used values can be retrieved by calling window.getComputedStyle. Dimensions (e.g., width, line-height) are all in pixels, shorthand properties (e.g., background) are consistent with their component properties (e.g., background-colordisplay) and consistent with position and float, and every CSS property has a value.
409 Using CSS variables CSS, CSS Variables, Guide, Web
CSS Variables are entities defined by CSS authors which contain specific values to be reused throughout a document. They are set using custom property notation (e.g. --main-color: black;) and are accessed using the var() function (e.g. color: var(--main-color);) .
410 Value definition syntax Beginner, CSS, CSS Reference
No summary!
411 WebKit extensions CSS, CSS Reference
WebKit supports a number of extensions to CSS that are prefixed with -webkit. All -webkit prefixed properties also work with an -apple prefix.
412 actual value CSS, Guide, Web
The actual value of a CSS property is the used value after all approximations have been applied. For example, a user agent may only be able to render borders with a integer pixel value and may be forced to approximate the computed width of the border.
413 align-content CSS, CSS Flexible Boxes, CSS Property, Reference
The CSS align-content property aligns a flex container's lines within the flex container when there is extra space on the cross-axis.
414 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.
415 align-self CSS, CSS Flexible Boxes, CSS Property, NeedsExample, NeedsMobileBrowserCompatibility, Reference
The align-self CSS property aligns flex items of the current flex line overriding the align-items value. If any of the flex item's cross-axis margin is set to auto, then align-self is ignored.
416 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.
417 animation CSS, CSS Animations, CSS Property, Experimental, Reference
The animation CSS property is a shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode and animation-play-state.
418 animation-delay CSS, CSS Animations, CSS Property, Experimental, Reference
The animation-delay CSS property specifies when the animation should start. This lets the animation sequence begin some time after it's applied to an element.
419 animation-direction CSS, CSS Animations, CSS Property, Experimental, Reference
The animation-direction CSS property indicates whether the animation should play in reverse on alternate cycles.
420 animation-duration CSS, CSS Animations, CSS Property, Experimental, Reference
The animation-duration CSS property specifies the length of time that an animation should take to complete one cycle.
421 animation-fill-mode CSS, CSS Animations, CSS Property, Experimental, NeedsMobileBrowserCompatibility, Reference
The animation-fill-mode CSS property specifies how a CSS animation should apply styles to its target before and after it is executing.
422 animation-iteration-count CSS, CSS Animations, CSS Property, Experimental, Reference
The animation-iteration-count CSS property defines the number of times an animation cycle should be played before stopping.
423 animation-name CSS, CSS Animations, CSS Property, Experimental, Reference
The animation-name CSS property specifies a list of animations that should be applied to the selected element. Each name indicates a @keyframes at-rule that defines the property values for the animation sequence.
424 animation-play-state CSS, CSS Animations, CSS Property, Experimental, NeedsMobileBrowserCompatibility, Reference
The animation-play-state CSS property determines whether an animation is running or paused. This can be queried to determine whether or not the animation is currently running. In addition, its value can be set to pause and resume playback of an animation.
425 animation-timing-function CSS, CSS Animations, CSS Property, Experimental, Reference
The animation-timing-function CSS property specifies how a CSS animation should progress over the duration of each cycle. The possible values are one or several <timing-function>.
426 appearance CSS, CSS Reference, Experimental
Editorial review completed.
427 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 be used on pseudo-elements too and, in this case, the value of the attribute on the pseudo-element's originated element is returned.
428 aural CSS, CSS Reference
A media group defined by the CSS standards.
429 azimuth CSS, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate
In combination with elevation, azimuth 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.
430 backdrop-filter CSS, CSS Property, Graphics, Layout, NeedsContent, NeedsLiveSample, NeedsMobileBrowserCompatibility, Reference, SVG, SVG Filter, Web
The backdrop-filter property provides for effects like blurring or color shifting the area behind an element, which can then be seen through that element by adjusting the element's transparency/opacity.
431 backface-visibility CSS, CSS Property, Experimental, Reference
The CSS backface-visibility 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.
432 background CSS, CSS Background, CSS Property, Reference
The background CSS property is a shorthand for setting the individual background values in a single place in the style sheet. background can be used to set the values for one or more of: background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size, and background-attachment.
433 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.
434 background-blend-mode CSS, CSS Compositing, CSS Property
The background-blend-mode CSS property describes how the element's background images should blend with each other and the element's background color.
435 background-clip CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference
The background-clip CSS property specifies whether an element's background, either the color or image, extends underneath its border.
436 background-color CSS, CSS Background, CSS Property, Graphics, Layout, Reference
The background-color CSS property sets the background color of an element, either through a color value or the keyword transparent.
437 background-image CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference
The CSS background-image property sets one or several background images for an element. The images are drawn on stacking context layers on top of each other. The first layer specified is drawn as if it is closest to the user.
438 background-origin CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference
The background-origin CSS property determines the background positioning area, that is the position of the origin of an image specified using the background-image CSS property.
439 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.
440 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.
441 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.
442 background-repeat CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, 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.
443 background-size CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference
The background-size CSS property specifies the size of the background images. The size of the image can be fully constrained or only partially in order to preserve its intrinsic ratio.
444 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 the width or the height property depending on the value defined for writing-mode.
445 border CSS, CSS Borders, CSS Property, Layout, NeedsMobileBrowserCompatibility, Reference, Web
The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color.
446 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. border-block-end can be used to set the values for one or more of: border-block-end-width, border-block-end-style, border-block-end-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-topborder-rightborder-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.
447 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.
448 border-block-end-style CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, 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.
449 border-block-end-width CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, 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.
450 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. border-block-start can be used to set the values for one or more of: border-block-start-width, border-block-start-style, border-block-start-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-topborder-rightborder-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.
451 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.
452 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.
453 border-block-start-width CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, 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.
454 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 the bottom border of elements.
455 border-bottom-color CSS, CSS Borders, CSS Property, Reference
The border-bottom-color CSS property sets the color of the bottom border of an element. Note that in many cases the shorthand CSS properties border-color or border-bottom are more convenient and preferable.
456 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. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.
457 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. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.
458 border-bottom-style CSS, CSS Borders, CSS Property, Reference, css
The border-bottom-style CSS property sets the line style of the bottom border of a box.
459 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.
460 border-collapse CSS, CSS Borders, CSS Property, CSS Tables, Reference
The border-collapse CSS property determines whether a table's borders are separated or collapsed. In the separated model, adjacent cells each have their own distinct borders. In the collapsed model, adjacent table cells share borders.
461 border-color CSS, CSS Borders, CSS Property, Reference
The border-color CSS property is a shorthand for setting the color of the four sides of an element's border: border-top-color, border-right-color, border-bottom-color, border-left-color
462 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. Though the specification requires that border-style must be present if border-image is used, some browsers many not implement this.
463 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.
464 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.
465 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. It does this by specifying 4 inwards offsets.
466 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.
467 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.
468 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. border-inline-end can be used to set the values for one or more of: border-inline-end-width, border-inline-end-style, border-inline-end-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-topborder-rightborder-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.
469 border-inline-end-color CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, 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.
470 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.
471 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.
472 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. border-inline-start can be used to set the values for one or more of: border-inline-start-width, border-inline-start-style, border-inline-start-color. It maps to a physical border depending on the element's writing mode, directionality, and text orientation. It corresponds to the border-topborder-rightborder-bottom, or border-left property depending on the values defined for writing-mode, direction, and text-orientation.
473 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.
474 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.
475 border-inline-start-width CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, 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.
476 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 the left border of elements.
477 border-left-color CSS, CSS Borders, CSS Property, Reference
The border-left-color CSS property sets the color of the left border of an element. Note that in many cases the shorthand CSS properties border-color or border-left are more convenient and preferable.
478 border-left-style CSS, CSS Borders, CSS Property, Reference, css
The border-left-style CSS property sets the line style of the left border of a box.
479 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.
480 border-radius CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference
The border-radius CSS property allows Web authors to define how rounded border corners are. The curve of each corner is defined using one or two radii, defining its shape: circle or ellipse.
481 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 the right border of elements.
482 border-right-color CSS, CSS Borders, CSS Property, Reference
The border-right-color CSS property sets the color of the right border of an element. Note that in many cases the shorthand CSS properties  border-color or border-right are more convenient and preferable.
483 border-right-style CSS, CSS Borders, CSS Property, Reference
The border-right-style CSS property sets the line style of the right border of a box.
484 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.
485 border-spacing CSS, CSS Property, CSS Tables, Reference
The border-spacing CSS property specifies the distance between the borders of adjacent table cells (only for the separated borders model). This is equivalent to the cellspacing attribute in presentational HTML, but an optional second value can be used to set different horizontal and vertical spacing.
486 border-style CSS, CSS Borders, CSS Property, Reference
The border-style property is a shorthand property for setting the line style for all four sides of the element´s border.
487 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 the top border of elements.
488 border-top-color CSS, CSS Borders, CSS Property, Reference
The border-top-color CSS property sets the color of the top border of an element. Note that in many cases the shorthand CSS properties border-color or border-top are more convenient and preferable.
489 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. The rounding can be a circle or an ellipse, or if one of the value is 0,no rounding is done and the corner is square.
490 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. The rounding can be a circle or an ellipse, or if one of the value is 0 no rounding is done and the corner is square.
491 border-top-style CSS, CSS Borders, CSS Property, Reference, css
The border-top-style CSS property sets the line style of the top border of a box.
492 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.
493 border-width CSS, CSS Borders, CSS Property, Reference
The border-width property is a shorthand property for setting border-top-widthborder-right-widthborder-bottom-width and border-left-width of a box at the same place.
494 bottom CSS, CSS Positioning, CSS Property, Reference
The bottom CSS property participates in specifying the position of positioned elements.
495 box-align CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate, Reference
The CSS box-align property specifies how an element aligns its contents across (perpendicular to) the direction of its layout. The effect of this is only visible if there is extra space in the box. See Flexbox for more about the properties of flexbox elements.
496 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 of an element is applied when the box for the element is fragmented.  Fragmentation occurs when an inline box wraps onto multiple lines, or when a block spans more than one column inside a column layout container, or spans a page break when printed.  Each piece of the rendering for the element is called a fragment.
497 box-direction CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate, Reference
The CSS box-direction 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). See Flexbox for more about the properties of flexbox elements.
498 box-flex CSS, CSS Property, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard
The -moz-box-flex and -webkit-box-flex CSS properties specify how a -moz-box or -webkit-box grows to fill the box that contains it, in the direction of the containing box's layout. See Flexbox for more about the properties of flexbox elements.
499 box-flex-group CSS, CSS Property, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Reference
See Flexbox for more information.
500 box-lines CSS, CSS Property, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard
See Flexbox for more information.
501 box-ordinal-group CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-Standard, Non-standard, Reference
The CSS box-ordinal-group property assigns the flexbox's child elements to an ordinal group. See Flexbox for more about the properties of flexbox elements.
502 box-orient CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-Standard, Non-standard, Reference
The CSS box-orient property specifies whether an element lays out its contents horizontally or vertically. See Flexbox for more about the properties of flexbox elements.
503 box-pack CSS, CSS Property, CSS Reference, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard
The -moz-box-pack and -webkit-box-pack CSS properties specify how a -moz-box or -webkit-box packs its contents in the direction of its layout. The effect of this is only visible if there is extra space in the box. See Flexbox for more about the properties of flexbox elements.
504 box-shadow CSS, CSS Background, CSS Property, CSS3, Reference, css3-background
The box-shadow property describes one or more shadow effects as a comma-separated list.
505 box-sizing CSS, CSS Property, Experimental, Reference
The box-sizing property is used to alter the default CSS box model used to calculate width and height of the elements. It is possible to use this property to emulate the behavior of browsers that do not correctly support the CSS box model specification.
506 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.
507 break-after CSS, CSS Fragmentation, CSS Property, NeedsExample, Reference
The break-after CSS property describes the page, column, or region break behavior (in other words, how and whether to break) after the generated box. If there is no generated box, the property is ignored.
508 break-before CSS, CSS Fragmentation, CSS Property, NeedsExample, Reference
The break-before CSS property describes the page, column or region break behavior before the generated box. If there is no generated box, the property is ignored.
509 break-inside CSS, CSS Fragmentation, CSS Property, NeedsExample, Reference
The break-inside CSS property describes how the page, column or region break inside the generated box. If there is no generated box, the property is ignored.
510 calc() CSS, CSS Function, Layout, Reference, Web
The calc() CSS function can be used anywhere a <length>, <frequency>, <angle>, <time>, <number>, or <integer> is required. With calc(), you can perform calculations to determine CSS property values.
511 caption-side CSS, CSS Property, CSS Tables, Reference
The caption-side CSS property positions the content of a table's <caption> on the specified side.
512 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.
513 clip CSS, 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.
514 clip-path CSS, CSS Property, Experimental, Reference, Web
The clip-path CSS property prevents a portion of an element from getting displayed by defining a clipping region to be displayed i.e, only a specific region of the element is displayed. The clipping region is a path specified as a URL referencing an inline or external SVG, or shape method such as circle(). The clip-path property replaces the now deprecated clip property.
515 color CSS, CSS Property, Layout, Reference, Web
The color property sets the foreground color of an element's text content, and its decorations. It doesn't affect any other characteristic of the element; it should really be called text-color and would have been named so, save for historical reasons and its appearance in CSS Level 1.
516 column-count CSS, CSS Multi-columns, CSS Property, NeedsMobileBrowserCompatibility, Reference
The column-count CSS property describes the number of columns of the element.
517 column-fill CSS, CSS Multi-columns, CSS Property, NeedsBrowserCompatibility, Reference
The column-fill CSS property controls how contents are partitioned into columns. Contents are either balanced, which means that contents in all columns will have the same height or, when using auto, just take up the room the content needs.
518 column-gap CSS, CSS Multi-columns, 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.
519 column-rule CSS, CSS Multi-columns, 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. It is a convenient shorthand to avoid setting each of the individual column-rule-* properties separately : column-rule-width, column-rule-style and column-rule-color.
520 column-rule-color CSS, CSS Multi-columns, CSS Property, NeedsMobileBrowserCompatibility, Reference
The column-rule-color CSS property lets you set the color of the "rule" or line drawn between columns in multi-column layouts.
521 column-rule-style CSS, CSS Multi-columns, 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.
522 column-rule-width CSS, CSS Multi-columns, 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.
523 column-span CSS, CSS Multi-columns, 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.
524 column-width CSS, CSS Multi-columns, CSS Property, Reference
The column-width CSS property suggests an optimal column width. The column-width is the maximum width a column will become before adding another column. For instance, a 300px column width a gap of 0px would be a single column at 599px, but at 600px it would be split into 2 columns. This allows us to achieve scalable designs that fit different screen sizes. Especially in presence of the column-count CSS property which has precedence, to set an exact column width, all length values must be specified. In horizontal text these are width, column-width, column-gap, and column-rule-width.
525 columns CSS, CSS Multi-columns, 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.
526 contain CSS, CSS Property, Layout, Paint, Reference, Style, Web, size
The contain property allows an author to indicate that an element and its contents are, as much as possible, independent of the rest of the document tree. This allows the browser to recalculate layout, style, paint, size, or any combination of them for a limited area of the DOM and not the entire page. This property is useful on pages that contain a lot of widgets that are all independent as it can be used to prevent one widget's CSS rules from changing other things on the page.
527 content CSS, CSS Property, 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.
528 counter-increment CSS, CSS List, CSS Property, NeedsMobileBrowserCompatibility, Reference
The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property.
529 counter-reset CSS, CSS List, CSS Property, NeedsMobileBrowserCompatibility, Reference
The counter-reset CSS property is used to reset CSS Counters to a given value.
530 cursor CSS, CSS Property, Cursor, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The cursor CSS property specifies the mouse cursor displayed when the mouse pointer is over an element.
531 direction CSS, CSS Property, Reference
Set the direction CSS property to match the direction of the text: rtl for languages written from right-to-left (like Hebrew or Arabic) text and ltr for other scripts. This is typically done as part of the document (e.g., using the dir attribute in HTML) rather than through direct use of CSS.
532 display CSS, CSS Positioning, CSS Property, NeedsMobileBrowserCompatibility, Reference
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.
533 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.
534 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.
535 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.
536 element CSS, CSS Function, CSS4-images, Layout, Reference, Référence, 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.
537 empty-cells CSS, CSS Property, CSS Tables, NeedsMobileBrowserCompatibility, Reference
The empty-cells CSS property specifies how user agents should render borders and backgrounds around cells that have no visible content.
538 filter CSS, CSS Property, Reference, SVG, SVG Filter, filter
The filter property provides graphical effects like blurring, sharpening, or color shifting an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
539 fit-content() CSS, CSS Function, CSS Grid, Experimental, Layout, Reference, Web
The fit-content() CSS function represents the formula min(max-content, max(auto, argument)), which is calculated similar to auto (i.e. minmax(auto, max-content)), except that the track size is clamped at argument if it is greater than the auto minimum.
540 flex CSS, CSS Flexible Boxes, CSS Property, Reference
The flex CSS property is a shorthand property specifying the ability of a flex item to alter its dimensions to fill available space. Flex items can be stretched to use available space proportional to their flex grow factor or their flex shrink factor to prevent overflow.
541 flex-basis CSS, CSS Flexible Boxes, CSS Property, NeedsMobileBrowserCompatibility, Reference
The flex-basis CSS property specifies the flex basis which is the initial main size of a flex item. This property determines the size of the content-box unless specified otherwise using box-sizing.
542 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).
543 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.
544 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.
545 flex-shrink CSS, CSS Flexible Boxes, CSS Property, NeedsContent, Reference
The flex-shrink CSS property specifies the flex shrink factor of a flex item.
546 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.
547 float CSS, CSS Positioning, CSS Property, Reference
The float CSS property specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it.
548 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.
549 font-family CSS, CSS Fonts, CSS Property, Reference
The font-family CSS property lets you specify a prioritized list of font family names and/or generic family names for the selected element. Values are separated by a comma to indicate that they are alternatives. The browser will select the first font on the list that is installed on the computer or that can be downloaded using a @font-face at-rule.
550 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.
551 font-kerning CSS, CSS Property, Fonts, Property, Reference
The font-kerning CSS property controls the usage of the kerning information; that is, it controls how letters are spaced. The kerning information is stored in the font, and if the font is well-kerned, this feature allows spacing between characters to be very similar, whatever the characters are.
552 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.
553 font-size CSS, CSS Fonts, CSS Property, Reference
The font-size CSS property specifies the size of the font (historically the width of the capital "M"). Setting the font size may, in turn, change the size of other items, since it is used to compute the value of the em and ex <length> units.
554 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.
555 font-smooth CSS, CSS Reference
The font-smooth CSS property controls the application of anti-aliasing when fonts are rendered.
556 font-stretch CSS, CSS Fonts, CSS Property, Reference
The font-stretch property selects a normal, condensed, or expanded face from a font.
557 font-style CSS, CSS Fonts, CSS Property, Reference, Web, font
The font-style CSS property lets you select italic or oblique faces within a font-family. Italic forms are generally cursive in nature, usually using less horizontal space than their unstyled counterparts, while oblique faces are usually just sloped versions of the regular face. Both italic and oblique faces are simulated by artificially sloping the glyphs of the regular face (see font-synthesis for control over this).
558 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.
559 font-variant CSS, CSS Fonts, CSS Property, Reference
The font-variant property acts as 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.
560 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.
561 font-variant-caps CSS, CSS Fonts, CSS Property, Reference
The font-variant-caps CSS property controls the usage of alternate glyphs for capital letters. Scripts can have capital letter glyphs of different sizes, the normal uppercase glyphs, small capital glyphs, and petite capital glyphs. This property controls which alternate glyphs to use.
562 font-variant-east-asian CSS, CSS Fonts, CSS Property, NeedsLiveSample, Reference, css
The font-variant-east-asian CSS property controls the usage of alternate glyphs for East Asian scripts, like Japanese and Chinese.
563 font-variant-ligatures CSS, CSS Fonts, CSS Property, CSS Reference, 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.
564 font-variant-numeric CSS, CSS Fonts, CSS Property, NeedsLiveSample, Reference
The font-variant-numeric CSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers.
565 font-variant-position CSS, CSS Fonts, CSS Property, NeedsLiveSample, Reference, css
The font-variant-position CSS property controls the usage of alternate glyphs of smaller size positioned as superscript or subscript regarding the baseline of the font, which is set unchanged. These glyphs are likely to be used in <sub> and <sup> elements.
566 font-weight CSS, CSS Fonts, CSS Property, Reference
The font-weight CSS property specifies the weight or boldness of the font. Some fonts are only available in normal and bold.
567 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.
568 grid-area CSS, CSS Grid, CSS Property, Reference
The grid-area CSS property is a shorthand property for grid-row-start, grid-row-end, 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 edges of its grid area.
569 grid-auto-columns CSS, CSS Grid, CSS Property, Reference
The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track.
570 grid-auto-flow CSS, CSS Grid, CSS Property, Reference
Editorial review completed.
571 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.
572 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.
573 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.
574 grid-column-gap CSS, CSS Grid, CSS Property, Reference
The grid-column-gap CSS property specifies the gutter between grid columns.
575 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, thereby specifying the block-start edge of its grid area.
576 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.
577 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.
578 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.
579 grid-row-gap CSS, CSS Grid, CSS Property, Reference
The grid-row-gap CSS property specifies the gutter between grid rows.
580 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.
581 grid-template CSS, CSS Grid, CSS Property, Reference
The grid-template CSS property is a shorthand property for defining grid columns, rows and areas.
582 grid-template-areas CSS, CSS Grid, CSS Property, Reference
The grid-template-areas CSS property specifies named grid areas.
583 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's columns.
584 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's rows.
585 height CSS, CSS Property, Reference
The height CSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element.
586 hyphens CSS, CSS Property, Experimental, Reference
The hyphens CSS property tells the browser how to hyphenate words when line-wrapping. You can prevent hyphenation entirely, control when the browser should hyphenate, or let the browser control when to hyphenate.
587 image-orientation CSS, CSS Image, CSS Property, Reference
The image-orientation CSS property describes how to correct the default orientation of an image.
588 image-rendering CSS, CSS Image, 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. It applies to the element itself as well as any images supplied in other properties for the element. It has no effect on non-scaled images.
589 ime-mode CSS, CSS Property, NeedsMobileBrowserCompatibility
The ime-mode CSS property controls the state of the input method editor for text fields. According to the spec:
590 inherit CSS, CSS Cascade, Layout, NeedsMobileBrowserCompatibility, Reference, Référence, Web
The inherit CSS-value causes the element for which it is specified to take the computed value of the property from its parent element. It is allowed on every CSS property.
591 inheritance CSS, Guide, Web
The summary of every CSS property definition says whether that property is inherited by default ("Inherited: Yes") or not inherited by default ("Inherited: no"). This controls what happens when no value is specified for a property on an element.
592 initial CSS, CSS Cascade, Layout, Reference, Web
The initial CSS keyword applies the initial value of a property to an element. It is allowed on every CSS property and causes the element for which it is specified to use the initial value of the property.
593 initial value CSS, Guide, Web
The initial value given in the summary of the definition of each CSS property has different meaning for inherited and non-inherited properties.
594 initial-letter CSS, CSS Property, Experimental, Graphics, Layout, Reference, Web
The initial-letter CSS property specifies styling for dropped, raised, and sunken initial letters.
595 initial-letter-align CSS, CSS Property, Experimental, Graphics, Layout, NeedsExample, NeedsLiveSample, Property, Reference, Web
The initial-letter-align CSS property specifies the alignment of initial letters within a paragraph.
596 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 the width or the height property depending on the value defined for writing-mode.
597 isolation CSS, CSS Compositing, CSS Property
The isolation CSS property defines if the element must create a new stacking context.
598 justify-content CSS, CSS Box Alignment, CSS Flexible Boxes, CSS Property, Reference
The CSS justify-content property defines how the browser distributes space between and around flex items along the main-axis of their container.
599 left CSS, CSS Positioning, CSS Property, Reference
The left CSS property specifies part of the position of positioned elements.
600 letter-spacing CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference, SVG
The letter-spacing CSS property specifies spacing behavior between text characters.
601 line-break CSS, CSS Property, CSS Text, NeedsExample, Property, Reference
The line-break CSS property is used to specify how (or if) to break lines.
602 line-height CSS, CSS Property, Reference
On block level elements, the line-height property specifies the minimum height of line boxes within the element.
603 linear-gradient() CSS, CSS Function, CSS Image, Graphics, Layout, NeedsNewCompatTable, Reference, Web
The CSS linear-gradient() function creates an <image> which represents a linear gradient of colors. The result of this function is an object of the CSS <gradient> data type. Like any other gradient, a CSS linear gradient is not a CSS <color> but an image with no intrinsic dimensions; that is, it has neither natural or preferred size, nor ratio. Its concrete size will match the size of the element it applies to.
604 list-style CSS, CSS List, CSS Property, Reference
The list-style property is a shorthand property for setting list-style-type, list-style-image and list-style-position.
605 list-style-image CSS, CSS List, CSS Property, Reference
The list-style-image property specifies an image to be used as the list item marker.
606 list-style-position CSS, CSS List, CSS Property, Reference
The list-style-position property specifies the position of the marker box in the principal block box.
607 list-style-type CSS, CSS List, CSS Property, NeedsMobileBrowserCompatibility, Reference
The list-style-type property specifies the appearance of a list item element. Because it is the only property that defaults to display:list-item, this is usually a <li> element, but can be any element with this display value.
608 margin CSS, CSS Property, Reference
The margin CSS property sets the margin for all four sides. It is a shorthand to avoid setting each side separately with the other margin properties: margin-top, margin-right, margin-bottom and margin-left.
609 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. It corresponds to the margin-topmargin-rightmargin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.
610 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. It corresponds to the margin-topmargin-rightmargin-bottom, or margin-left property depending on the values defined for writing-mode, direction, and text-orientation.
611 margin-bottom CSS, CSS Property, Reference
The margin-bottom CSS property of an element sets the margin space required on the bottom of an element. A negative value is also allowed.
612 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.
613 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.
614 margin-left CSS, CSS Property, Layout, Reference
The margin-left CSS property sets the margin space required on the left side of a box associated with an element. A negative value is also allowed.
615 margin-right CSS, CSS Property, Reference
The margin-right CSS property of an element sets the margin space required on the right side of an element. A negative value is also allowed.
616 margin-top CSS, CSS Property, Reference
The margin-top CSS property of an element sets the margin space required on the top of an element. A negative value is also allowed.
617 marker-offset CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility
The marker-offset CSS property describes the distance between the nearest border edges of a marker-box and the target node.
618 mask CSS, CSS Masks, CSS Property, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, SVG, Web
The mask property in CSS allows users to alter the visibility of an item by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points.
619 mask-clip CSS, CSS Masks, 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.
620 mask-composite CSS, CSS Masks, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-Standard, Non-standard, Reference
The mask-composite CSS property represents a compositing operation used on the current mask layer with the mask layers below it.
621 mask-image CSS, CSS Masks, CSS Property, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The mask-image CSS property sets the image that is used as mask layer for an element.
622 mask-mode CSS, CSS Masks, CSS Property, Non-Standard, 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.
623 mask-origin CSS, CSS Masks, CSS Property, Reference
The mask-origin CSS property determines the origin of a mask.
624 mask-position CSS, CSS Masks, CSS Property, Experimental, NeedsLiveSample, 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.
625 mask-repeat CSS, CSS Masks, 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.
626 mask-size CSS, CSS Masks, 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.
627 mask-type CSS, CSS Masks, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, SVG
The CSS mask-type properties defines if a mask is used as a luminance or an alpha mask.
628 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.
629 max-height CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The max-height property is used to set 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.
630 max-inline-size CSS, CSS Logical Property, CSS Property, Experimental, Reference
The max-inline-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-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.
631 max-width CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The max-width property is used to set the maximum width of a given element. It prevents the used value of the width property from becoming larger than the value specified for max-width.
632 min-block-size CSS, CSS Logical Property, CSS Property, Experimental, Reference
The min-block-size CSS property defines the horizontal or vertical minimal size of an element's block depending on its writing mode. It corresponds to the min-width or the min-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of min-block-size relates to the minimal width of the element, otherwise it relates to the minimal height of the element. It relates to min-inline-size, which defines the other dimension of the element.
633 min-height CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
Technical review completed.
634 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 the min-width or the min-height property, depending on the value defined for writing-mode. If the writing mode is vertically oriented, the value of min-inline-size relates to the minimal height of the element, otherwise it relates to the minimal width of the element. It relates to min-block-size, which defines the other dimension of the element.
635 min-width CSS, CSS Property, Reference
The min-width property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.
636 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. If max < min, then max is ignored and minmax(min,max) is treated as min. As a maximum, a <flex> value sets the flex factor of a grid track; it is invalid as a minimum.
637 mix-blend-mode CSS, CSS Compositing, CSS Property
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.
638 motion Draft, NeedsContent, NeedsLiveSample
The motion CSS property is a shorthand property for animating an element along a defined path.
639 motion-offset Draft, NeedsContent, NeedsLiveSample
The motion-offset CSS property specifies a position along a motion-path.
640 motion-path CSS
The motion-path CSS property specifies the motion path where the element gets positioned. The exact element’s position on the motion path is determined by the motion-offset property. A motion 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 motion-offset and an initial direction which specifies the rotation of the object to the initial position.
641 motion-rotation Draft, NeedsContent, NeedsLiveSample
The motion-rotation CSS property defines the direction of the element while positioning along the motion path.
642 object-fit CSS, CSS Image, CSS Property, Reference, polyfill
The object-fit CSS property specifies how the contents of a replaced element should be fitted to the box established by its used height and width.
643 object-position CSS, CSS Image, CSS Property, Reference
The object-position property determines the alignment of the replaced element inside its box.
644 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.
645 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.
646 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.
647 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.
648 opacity CSS, CSS Property, CSS3, Experimental, Reference, css, css3-color
The opacity CSS property specifies the transparency of an element, that is, the degree to which the background behind the element is overlaid.
649 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.
650 orphans CSS, CSS Fragmentation, CSS Property, Reference
The orphans CSS property refers to the minimum number of lines in a block container that must be left at the bottom of the page. This property is normally used to control how page breaks occur.
651 outline CSS, CSS Outline, CSS Property, Layout, Reference
The CSS outline 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. In most cases the use of this shortcut is preferable and more convenient.
652 outline-color CSS, CSS Outline, CSS Property, NeedsMobileBrowserCompatibility, Reference
The outline-color CSS property sets the color of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.
653 outline-offset CSS, CSS Outline, CSS Property, NeedsLiveSample, Reference
The outline-offset CSS property is used to set space between an outline and the edge or border of an element. An outline is a line that is drawn around elements, outside the border edge.
654 outline-style CSS, CSS Outline, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.
655 outline-width CSS, CSS Outline, CSS Property, Layout, Reference
The outline-width CSS property is used to set the width of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out:
656 overflow CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The overflow property specifies whether to clip content, render scrollbars or just display content when it overflows its block level container.
657 overflow-clip-box CSS, CSS Property, CSS Reference, Reference, Web
The overflow-clip-box CSS property specifies relative to which box the clipping happens when there is an overflow.
658 overflow-wrap CSS, CSS Property, NeedsLiveSample, Reference
The overflow-wrap property is used to specify whether or not the browser may break lines within words in order to prevent overflow when an otherwise unbreakable string is too long to fit in its containing box.
659 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.
660 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.
661 padding CSS, CSS Padding, CSS Property, NeedsMobileBrowserCompatibility, Reference
The padding property sets the padding space on all sides of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.
662 padding-block-end CSS, CSS Logical Property, CSS Padding, CSS Property, Experimental, NeedsContent, 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.
663 padding-block-start CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, 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.
664 padding-bottom CSS, CSS Padding, CSS Property, Reference
The padding-bottom CSS property of an element sets the height of the padding area at the bottom of an element. The padding area is the space between the content of the element and its border. Contrary to margin-bottom values, negative values of padding-bottom are invalid.
665 padding-inline-end CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, 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.
666 padding-inline-start CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, 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.
667 padding-left CSS, CSS Padding, CSS Property, Reference
The padding-left CSS property of an element sets the padding space required on the left side of an element. The padding area is the space between the content of the element and it's border. A negative value is not allowed.
668 padding-right CSS, CSS Padding, CSS Property, Reference
The padding-right CSS property of an element sets the padding space required on the right side of an element. The padding area is the space between the content of the element and its border. Negative values are not allowed.
669 padding-top CSS, CSS Padding, CSS Property, Reference
The padding-top CSS property of an element sets the padding space required on the top of an element. The padding area is the space between the content of the element and its border. Contrary to margin-top values, negative values of padding-top are invalid.
670 page-break-after CSS, CSS Property, Page Breaks, Reference
The page-break-after CSS property adjusts page breaks after the current element.
671 page-break-before CSS, CSS Property, Page Breaks, Reference
The page-break-before CSS property adjusts page breaks before the current element.
672 page-break-inside CSS, CSS Property, Page Breaks, Reference
The page-break-inside CSS property adjusts page breaks inside the current element.
673 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.
674 perspective-origin CSS, CSS Property, CSS Transforms, Experimental, Reference
The perspective-origin CSS property determines the position the viewer is looking at. It is used as the vanishing point by the perspective property.
675 pointer-events CSS, CSS Property, NeedsExample, NeedsMobileBrowserCompatibility, Reference, SVG
The CSS property pointer-events allows authors to control under what circumstances (if any) a particular graphic element can become the target of mouse events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content.
676 position CSS, CSS Property, Positioning, Property, Reference
The position CSS property chooses alternative rules for positioning elements, designed to be useful for scripted animation effects.
677 quotes CSS, CSS Property, Layout, Reference, Web
The quotes CSS property indicates how user agents should render quotation marks.
678 radial-gradient() CSS, CSS Function, CSS Image, Graphics, Layout, Reference, Web
The CSS radial-gradient() function creates an <image> which represents a gradient of colors radiating from an origin, the center of the gradient. The result of this function is an object of the CSS <gradient> data type.
679 repeating-linear-gradient() CSS, CSS Function, CSS Image, Graphics, Layout, Reference, Web, css3-images
The CSS repeating-linear-gradient function creates an <image> consisting of repeating gradients. It works similarly to the basic linear gradients as described by linear-gradient(), and takes the same arguments. However, it automatically repeats the color stops infinitely in both directions. The color stops' positions shift by multiples of the length of a basic linear gradient (the difference between the last color stops' position and the first).
680 repeating-radial-gradient() CSS, CSS Function, CSS Image, Graphics, Layout, NeedsBrowserCompatibility, Reference, Web
This works similarly to the standard radial gradients as described by radial-gradient(), but it automatically repeats the color stops infinitely in both directions, with their positions shifted by multiples of the difference between the last color stop's position and the first one's position.
681 resize CSS, CSS Property, Reference
The resize CSS property lets you control the resizability of an element.
682 revert CSS, CSS Cascade, Layout, NeedsExample, Reference, Web
The revert CSS keyword rolls back the cascade so that the property takes on the value it would have had if there were no styles in the current style origin (author, user, or user-agent). In author stylesheets (the normal case), for the purposes of the given declaration, it's as if there were no author-level styles, thus resetting the property to the default value established by the user-agent stylesheet (or by user styles, if any exist).
683 right CSS, CSS Positioning, CSS Property, Layout, Reference, Web
Technical review completed.
684 ruby-align CSS, CSS Reference, CSS Ruby, Property, Reference
The ruby-align CSS property defines the distribution of the different ruby elements over the base.
685 ruby-position CSS, CSS Ruby, Property, 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).
686 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.
687 scroll-snap-coordinate CSS, CSS Property, CSS Scroll Snap Points, 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.
688 scroll-snap-destination CSS, CSS Property, CSS Scroll Snap Points, 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.
689 scroll-snap-points-x CSS, CSS Property, CSS Scroll Snap Points, Experimental, 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.
690 scroll-snap-points-y CSS, CSS Property, CSS Scroll Snap Points, Experimental, 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.
691 scroll-snap-type CSS, CSS Property, CSS Scroll Snap Points, Experimental, Reference
The scroll-snap-type CSS property defines how strictly snap points are enforced on the scroll container in case there is one.
692 scroll-snap-type-x CSS, CSS Property, CSS Scroll Snap Points, 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.
693 scroll-snap-type-y CSS, CSS Property, CSS Scroll Snap Points, 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.
694 shape-image-threshold CSS, CSS Property, CSS Shapes, Experimental, Property, 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. A value of 0.5 means that the shape will enclose all the pixels that are more than 50% opaque.
695 shape-margin CSS, CSS Property, CSS Shapes, Experimental, Reference
The shape-margin CSS property adds a margin to shape-outside.
696 shape-outside CSS, CSS Property, CSS Shapes, Property, Reference
The shape-outside CSS property uses shape values to define the float area for a float and will cause inline content to wrap around the shape instead of the float's bounding box.
697 specified value CSS, CSS Reference
The specified value of a CSS property is set in one out of three ways.
698 symbols() CSS, CSS Counter Styles, Reference, Référence
The symbols() function allows counter styles to be defined inline, directly as the value of the CSS property. Unlike styles defines with @counter-style, these styles are anonymous. The symbols() function doesn't have all the capabilities and options of the @counter-style at-rule, but is useful in cases such as when the style is used only once and you don't need all the the options provided by @counter-style.
699 tab-size CSS, CSS Property, Experimental, Reference
The tab-size CSS property is used to customize the width of a tab (U+0009) character.
700 table-layout CSS, CSS Property, CSS Tables, NeedsLiveSample, NeedsMobileBrowserCompatibility, Reference
The table-layout CSS property defines the algorithm to be used to layout the table cells, rows, and columns.
701 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.
702 text-align-last CSS, CSS Property, 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.
703 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.
704 text-decoration CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference
The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink. Underline and overline decorations are positioned under the text, line-through over it.
705 text-decoration-color CSS, CSS Property, CSS Text, Reference
The CSS text-decoration-color property sets the line color used when drawing underlines, overlines, and strikethrough lines specified by the corresponding text-decoration-line property. The color specified will be the same for all three line types.
706 text-decoration-line CSS, CSS Property, CSS Text, Reference
The text-decoration-line CSS property sets what kind of line decorations are added to an element.
707 text-decoration-skip CSS, Property, Reference
The property defines horizontally where the text-decoration property applies.
708 text-decoration-style CSS, CSS Property, CSS Text, Layout, Reference
The text-decoration-style CSS property defines the style of the lines specified by text-decoration-line. The style applies to all lines: there is no way to define different styles for each of the lines defined by text-decoration-line.
709 text-emphasis CSS, CSS Text Decoration, Property, 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.
710 text-emphasis-color CSS, CSS Text Decoration, Property, Reference
The text-emphasis-color CSS property defines the color used to draw an emphasis mark. It can also be set, and reset, using the text-emphasis shorthand.
711 text-emphasis-position CSS, CSS Text Decoration, Property, 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.
712 text-emphasis-style CSS, CSS Text Decoration, Property, 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.
713 text-indent CSS, CSS Property, CSS Text, Layout, Reference
The text-indent property specifies the amount of indentation (empty space) should be left 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.
714 text-orientation CSS, CSS Property, CSS Writing Modes, Experimental, Reference
The text-orientation CSS property defines the orientation of the text in a line. This property only has an effect in vertical mode, that is when writing-mode is not horizontal-tb. It is useful to control the display of writing in languages using vertical script, but also to deal with vertical table headers.
715 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.
716 text-rendering CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference, SVG
The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text.
717 text-shadow CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Property, Reference
The text-shadow 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.
718 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.
719 text-transform CSS, CSS Property, Layout, Property, 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.
720 text-underline-position CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The CSS text-underline-position property specifies the position of the underline which is set using the text-decoration property underline value.
721 top CSS, CSS Positioning, CSS Property, Reference
The top CSS property specifies part of the position of positioned elements. It has no effect on non-positioned elements.
722 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 (for instance, by panning or zooming).
723 transform CSS, CSS Property, Experimental, NeedsBrowserCompatibility, Property, Reference, Transforms
The CSS transform property lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed.
724 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.
725 transform-origin CSS, CSS Property, CSS Transforms, Experimental, NeedsLiveSample, Reference
The transform-origin property lets you modify the origin for transformations of an element. For example, the transform-origin of the rotate() function is the centre 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.)
726 transform-style CSS, CSS Property, CSS Transforms, CSS3, 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.
727 transition CSS, CSS Property, CSS Transitions, Experimental, Reference
The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay. It enables you to define the transition between two states of an element. Different states may be defined using pseudo-classes like :hover or :active or dynamically set using JavaScript.
728 transition-delay CSS, CSS Property, CSS Transitions, Experimental, 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.
729 transition-duration CSS, CSS Property, CSS Transitions, Experimental, 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.
730 transition-property CSS, CSS Property, CSS Transitions, Experimental, Reference
The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.
731 transition-timing-function CSS, CSS Property, CSS Transitions, Experimental, 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.
732 translation-value CSS, CSS Reference, Reference, Référence
Technical review completed.
733 unicode-bidi CSS, CSS Property, NeedsLiveSample, Reference
The unicode-bidi CSS property together with the direction property relates to the handling of bidirectional text in a document. For example, if a block of text contains both left-to-right and right-to-left text then the user-agent uses a complex Unicode algorithm to decide how to display the text. This property overrides this algorithm and allows the developer to control the text embedding.
734 unset CSS, CSS Cascade, Keyword, Layout, NeedsBrowserCompatibility, Reference, Référence, Web
The unset CSS keyword is the combination of the initial and inherit keywords. Like these two other CSS-wide keywords, it can be applied to any CSS property, including the CSS shorthand all. This keyword resets the property to its inherited value if it inherits from its parent or 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.
735 user-select CSS, CSS Reference, Reference
Controls the actual Selection operation. This doesn't have any effect on content loaded as chrome, except in textboxes. A similar property user-focus was proposed in early drafts of a predecessor of css3-ui but was rejected by the working group.
736 var() CSS, CSS Function, CSS Variables, Experimental, Reference
The var() function can be used instead of any part of a value in any property on an element. The var() function can not be used as property names, selectors or anything else besides property values. (Doing so usually produces invalid syntax or else a value whose meaning has no connection to the variable.)
737 vertical-align CSS, CSS Property, Reference
The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.
738 visibility CSS, CSS Positioning, CSS Property, Layout, Reference, Web
The visibility property can be used to hide an element while leaving the space where it would have been. It can also hide rows or columns of a table.
739 white-space CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference
Editorial review completed.
740 widows CSS, CSS Fragmentation, CSS Property, NeedsMobileBrowserCompatibility, Reference
When a paragraph is split over two pages in paged media, the widows CSS property defines the minimum number of lines that must be left at the top of the second page. In typography, a widow is the last line of a paragraph appearing alone at the top of a new page. Setting the widows property allows the prevention of single-line widows.
741 width CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference
The width CSS property specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element.
742 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.
743 word-break CSS, CSS Property, NeedsContent, Reference
The word-break CSS property is used to specify whether to break lines within words.
744 word-spacing CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference
The word-spacing CSS property specifies the spacing behavior between tags and words.
745 writing-mode CSS, CSS Property, Layout, Reference
The writing-mode property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.
746 z-index CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference
The z-index property specifies the z-order of an 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.
747 zoom CSS, CSS Property, NeedsBrowserCompatibility, NeedsLiveSample, NeedsMobileBrowserCompatibility, Non-Standard, 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,