Found 773 pages:
| # | Page | Tags and summary | 
|---|---|---|
| 1 | CSS | CSS, CSS Reference, Design, Landing, Layout, Reference, l10n:priority | 
| Cascading Style Sheets (CSS) are a stylesheet language used to describe the presentation of a document written in HTML | ||
| 2 | -moz-appearance (-webkit-appearance, appearance) | -moz-appearance, -webkit-appearance, CSS, CSS Reference, appearance | 
| The -moz-appearanceCSS 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-bindingCSS 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-colorsCSS 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-colorsCSS 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-colorsCSS 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-colorsCSS 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 cursorvaluecellinstead. | ||
| 10 | -moz-context-properties | -moz-context-properties, CSS, CSS Reference, Non-standard | 
| If you reference an SVG image in a webpage (such as with the <img>element or as a background image), the SVG image can coordinate with the embedding element (its context) to have the image adopt property values set on the embedding element. To do this the embedding element needs to list the properties that are to be made available to the image by listing them as values of the-moz-context-propertiesproperty, and the image needs to opt in to using those properties by using values such as thecontext-fillvalue. | ||
| 11 | -moz-float-edge | CSS, CSS Property, CSS:Mozilla Extensions, Layout, NeedsCompatTable, Non-standard | 
| The non-standard -moz-float-edgeCSS property specifies whether the height and width properties of the element include the margin, border, or padding thickness. | ||
| 12 | -moz-force-broken-image-icon | CSS, CSS Reference, NeedsContent, Non-standard | 
| -moz-force-broken-image-iconis an extended CSS property. The value1forces a broken image icon even if the image has analtattribute. When the value0is used the image will act as usual and only display thealtattribute. | ||
| 13 | -moz-image-rect | CSS, CSS Function, CSS Reference, Non-Standard, Non-standard | 
| This value for CSS background-imagelets you use a portion of a larger image as a background. This allows you to, for example, use different parts of one larger image as backgrounds in different parts of your content. | ||
| 14 | -moz-image-region | CSS, CSS Property, Non-standard, Reference | 
| For certain XUL elements and pseudo-elements that use an image from the list-style-imageproperty, this property specifies a region of the image that is used in place of the whole image. This allows elements to use different pieces of the same image to improve performance. | ||
| 15 | -moz-orient | CSS, CSS Reference, Non-standard | 
| The -moz-orientCSS property specifies the orientation of the element to which it's applied. | ||
| 16 | -moz-outline-radius | CSS, CSS Reference, Non-standard | 
| In Mozilla applications like Firefox, the -moz-outline-radiusCSS property can be used to give outlines rounded corners. Anoutlineis a line that is drawn around elements, outside the border edge, to make the element stand out. | ||
| 17 | -moz-outline-radius-bottomleft | CSS, CSS Property, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| The -moz-outline-radius-bottomleftCSS property sets the rounding of the bottom-left corner of the outline within Mozilla applications. | ||
| 18 | -moz-outline-radius-bottomright | CSS, CSS Property, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| The -moz-outline-radius-bottomrightCSS property sets the rounding of the bottom-right corner of the outline within Mozilla applications. | ||
| 19 | -moz-outline-radius-topleft | CSS, CSS Property, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| The -moz-outline-radius-topleftCSS property sets the rounding of the top-left corner of the outline within Mozilla applications. | ||
| 20 | -moz-outline-radius-topright | CSS, CSS Property, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| The -moz-outline-radius-toprightCSS property sets the rounding of the top-right corner of the outline within Mozilla applications. | ||
| 21 | -moz-stack-sizing | CSS, CSS Reference, NeedsCompatTable, NeedsLiveSample, Non-standard, XUL | 
| -moz-stack-sizingis an extended CSS property. Normally, astackwill change its size so that all of its child elements are completely visible. For example, moving a child of the stack far to the right will widen the stack so the child remains visible. | ||
| 22 | -moz-text-blink | CSS, CSS Reference, CSS:Mozilla Extensions | 
| The -moz-text-blinknon-standard Mozilla CSS extension specifies the blink mode. | ||
| 23 | -moz-user-focus | CSS, CSS Reference, CSS:Mozilla Extensions, NeedsBrowserCompatibility, NeedsContent, NeedsExample, NeedsMobileBrowserCompatibility | 
| The -moz-user-focusCSS property is used to indicate whether the element can have the focus. | ||
| 24 | -moz-user-input | CSS, CSS Reference, Non-standard | 
| In Mozilla applications, -moz-user-inputdetermines if an element will accept user input. A similar propertyuser-focuswas proposed in early drafts of a predecessor of the CSS3 UI specification but was rejected by the working group. | ||
| 25 | -moz-user-modify | CSS, CSS Reference, NeedsMobileBrowserCompatibility, Non-standard | 
| The -moz-user-modifyproperty has no effect. | ||
| 26 | -moz-window-shadow | CSS, CSS Property, NeedsCompatTable, Non-standard, Referenz, XUL | 
| The -moz-window-shadowCSS property specifies whether a window will have a shadow. It only works on Mac OS X. | ||
| 27 | -ms-overflow-style | CSS, CSS Property, CSS Reference, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Property, Reference | 
| -ms-overflow-styleis a proprietary CSS property, specific to Internet Explorer and Microsoft Edge, which controls the behavior of scrollbars when an element's content overflows. | ||
| 28 | -webkit-border-before | CSS, CSS Property, CSS Reference, Non-standard | 
| The -webkit-border-beforeCSS property is a shorthand property for setting the individual logical block start border property values in a single place in the style sheet. | ||
| 29 | -webkit-box-reflect | CSS, Non-standard, Property, Reference | 
| The -webkit-box-reflectCSS property lets you reflect the content of an element in one specific direction. | ||
| 30 | -webkit-mask-attachment | CSS, CSS Property, Layout, Non-standard, Reference, Web | 
| If a -webkit-mask-imageis specified,-webkit-mask-attachmentdetermines whether the mask image's position is fixed within the viewport, or scrolls along with its containing block. | ||
| 31 | -webkit-mask-box-image | CSS, Layout, Reference, Web | 
| -webkit-mask-box-imagesets the mask image for an element's border box. | ||
| 32 | -webkit-mask-composite | CSS, CSS Masks, CSS Property, Non-standard, Reference | 
| The -webkit-mask-compositeproperty specifies the manner in which multiple mask images applied to the same element are composited with one another. | ||
| 33 | -webkit-mask-position-x | CSS, CSS Masks, CSS Property, Non-standard, Reference | 
| The -webkit-mask-position-xCSS property sets the initial horizontal position of a mask image. | ||
| 34 | -webkit-mask-position-y | CSS, CSS Masks, CSS Property, Non-standard, Reference | 
| The -webkit-mask-position-yCSS property sets the initial vertical position of a mask image. | ||
| 35 | -webkit-mask-repeat-x | CSS, CSS Masks, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| The -webkit-mask-repeat-xproperty specifies whether and how a mask image is repeated (tiled) horizontally. | ||
| 36 | -webkit-mask-repeat-y | CSS, CSS Masks, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| The -webkit-mask-repeat-yproperty specifies whether and how a mask image is repeated (tiled) vertically. | ||
| 37 | -webkit-overflow-scrolling | CSS, CSS Property, CSS Reference, NeedsBrowserCompatibility, NeedsLiveSample, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| The -webkit-overflow-scrollingCSS property controls whether or not touch devices use momentum-based scrolling for the given element. | ||
| 38 | -webkit-print-color-adjust | CSS, CSS Property, Layout, NeedsExample, Non-standard, Web | 
| The -webkit-print-color-adjustproperty 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. | ||
| 39 | -webkit-tap-highlight-color | CSS, CSS Property, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| -webkit-tap-highlight-coloris 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. | ||
| 40 | -webkit-text-fill-color | CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| The -webkit-text-fill-colorCSS property specifies the fill color of characters of text. If this property is not set, the value of thecolorproperty is used. | ||
| 41 | -webkit-text-stroke | CSS, CSS Property, Non-standard, Reference | 
| The text-strokeCSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand propertiestext-stroke-widthandtext-stroke-color. | ||
| 42 | -webkit-text-stroke-color | CSS, CSS Property, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard | 
| The -webkit-text-stroke-colorCSS property specifies the stroke color of characters of text. If this property is not set, the value of thecolorproperty is used. | ||
| 43 | -webkit-text-stroke-width | CSS, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| The -webkit-text-stroke-widthCSS property specifies the width of the stroke for text. | ||
| 44 | -webkit-touch-callout | CSS, CSS Property, Layout, NeedsBrowserCompatibility, NeedsLiveSample, Non-standard, Reference | 
| The -webkit-touch-calloutCSS property controls the display of the default callout shown when you touch and hold a touch target. | ||
| 45 | :-moz-broken | CSS, CSS Reference, NeedsCompatTable, NeedsExample, Non-standard | 
| The :-moz-brokenCSS pseudo-class matches elements representing broken image links. | ||
| 46 | :-moz-drag-over | CSS, CSS Reference, NeedsCompatTable, Non-standard | 
| The :-moz-drag-overCSS pseudo-class is used to edit an element when a drag-over event is called on it. | ||
| 47 | :-moz-first-node | CSS, CSS Reference, NeedsCompatTable, Non-standard | 
| The :-moz-first-nodeCSS pseudo-class represents any element that is the first child node of some other element. It differs from:first-childbecause it does not match a first child element with (non-whitespace) text before it. | ||
| 48 | :-moz-focusring | CSS, CSS Reference, NeedsLiveSample, Non-standard | 
| The :-moz-focusringCSS pseudo-class is similar to the:focuspseudo-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-focusringmatches, then:focusalso 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. | ||
| 49 | :-moz-full-screen-ancestor | CSS, CSS Reference, NeedsCompatTable, NeedsExample, Non-standard, Pseudo-class | 
| The :-moz-full-screen-ancestorCSS 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. | ||
| 50 | :-moz-handler-blocked | CSS, CSS Reference, Non-standard | 
| :-moz-handler-blockedmatches elements that cannot be displayed because their handlers have been blocked. | ||
| 51 | :-moz-handler-crashed | CSS, CSS Reference, Non-standard | 
| :-moz-handler-crashedmatches elements that cannot be displayed because the plugin responsible for drawing them has crashed. | ||
| 52 | :-moz-handler-disabled | CSS, CSS Reference, Non-standard | 
| :-moz-handler-disabledmatches elements that cannot be displayed because their handlers have been disabled by the user. | ||
| 53 | :-moz-last-node | CSS, CSS Reference, NeedsCompatTable, Non-standard | 
| The :-moz-last-nodeCSS pseudo-class matches an element that is the last child node of some other element. It differs from:last-childbecause it does not match a last child element with (non-whitespace) text after it. | ||
| 54 | :-moz-loading | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| The :-moz-loadingCSS 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. | ||
| 55 | :-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 preferenceintl.uidirection.locale(wherelocaleis the current locale) being set to "ltr". | ||
| 56 | :-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 preferenceintl.uidirection.locale(wherelocaleis the current locale) being set to "rtl". | ||
| 57 | :-moz-lwtheme | CSS, CSS Reference, Lightweight themes, NeedsCompatTable, NeedsExample, Non-standard, Themes | 
| The :-moz-lwthemepseudo-class matches in chrome documents when the root element'slightweightthemesattribute istrueand a theme is selected. | ||
| 58 | :-moz-lwtheme-brighttext | CSS, CSS Reference, Non-standard | 
| The :-moz-lwtheme-brighttextpseudo-class matches in chrome documents when:-moz-lwthemeis true and a lightweight theme with a bright text color is selected. | ||
| 59 | :-moz-lwtheme-darktext | CSS, CSS Reference, Non-standard, Themes | 
| The :-moz-lwtheme-darktextpseudo-class matches in chrome documents when:-moz-lwthemeistrueand a lightweight theme with a dark text color is selected. | ||
| 60 | :-moz-only-whitespace | CSS, CSS Reference, NeedsCompatTable, Non-standard, Pseudo-class | 
| The :-moz-only-whitespaceCSS 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. | ||
| 61 | :-moz-placeholder | CSS, CSS Pseudo-class, CSS Reference, Input Placeholder, Non-Standard, Non-standard, Placeholder | 
| The :-moz-placeholderpseudo-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. | ||
| 62 | :-moz-submit-invalid | CSS, CSS Pseudo-class, CSS Reference, Non-standard | 
| The :-moz-submit-invalidCSS pseudo-class represents any submit button on forms whose contents aren't valid based on their validation constraints. | ||
| 63 | :-moz-suppressed | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| The :-moz-suppressedCSS pseudo-class matches elements representing images that were not loaded because loading images from that site has been blocked. | ||
| 64 | :-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. | ||
| 65 | :-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. | ||
| 66 | :-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. | ||
| 67 | :-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. | ||
| 68 | :-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. | ||
| 69 | :-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. | ||
| 70 | :-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. | ||
| 71 | :-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. | ||
| 72 | :-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. | ||
| 73 | :-moz-tree-cell | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| Activated by the propertiesattribute. | ||
| 74 | :-moz-tree-cell-text | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| Activated by the propertiesattribute. | ||
| 75 | :-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. | ||
| 76 | :-moz-tree-column | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| Activated by the propertiesattribute. | ||
| 77 | :-moz-tree-drop-feedback | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard, Pseudo-class | 
| Activated by the propertiesattribute. | ||
| 78 | :-moz-tree-image | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsLiveSample, Non-standard | 
| Activated by the propertiesattribute. | ||
| 79 | :-moz-tree-indentation | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| Activated by the propertiesattribute. | ||
| 80 | :-moz-tree-line | CSS, CSS Reference, Non-standard | 
| Activated by the propertiesattribute. | ||
| 81 | :-moz-tree-progressmeter | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| Activated when the typeattribute is set toprogressmeter. | ||
| 82 | :-moz-tree-row | CSS, CSS Reference, Non-standard | 
| The ::-moz-tree-rowCSS pseudo-element is used to select rows and apply styles to tree rows. | ||
| 83 | :-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. | ||
| 84 | :-moz-tree-separator | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| Activated by the propertiesattribute. | ||
| 85 | :-moz-tree-twisty | CSS, CSS Reference, Non-standard | 
| Activated by the propertiesattribute. | ||
| 86 | :-moz-ui-invalid | CSS, CSS Reference, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-class | 
| The :-moz-ui-invalidCSS pseudo-class represents any validated form element whose value isn't valid based on their validation constraints, in certain circumstances. This pseudo-class is applied according to the following rules: | ||
| 87 | :-moz-ui-valid | CSS, CSS Pseudo-class, CSS Reference, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard | 
| The :-moz-ui-validCSS pseudo-class represents any validated form element whose value validates correctly based on its validation constraints. | ||
| 88 | :-moz-user-disabled | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| The :-moz-user-disabledCSS pseudo-class matches elements representing images that were not loaded because images have been entirely disabled by the user's preferences. | ||
| 89 | :-moz-window-inactive | CSS, CSS Reference, CSS:Mozilla Extensions, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-Standard, Non-standard | 
| The :-moz-window-inactiveCSS pseudo-class matches any element while it's in an inactive window. | ||
| 90 | :-ms-input-placeholder | CSS, CSS Pseudo-class, CSS Reference, Non-standard, Pseudo-class, Reference | 
| The non-standard proprietary :-ms-input-placeholderpseudo-class represents the placeholder text of a form element. This allows web developers and theme designers to customize the appearance of placeholder text. This pseudo-class is only supported by Internet Explorer and Microsoft Edge. | ||
| 91 | :-webkit-autofill | CSS, NeedsExample, Non-standard, Pseudo-class, Reference | 
| The :-webkit-autofillCSS pseudo-class matches when an<input>element has its value autofilled by the browser. | ||
| 92 | ::-moz-list-bullet | CSS, CSS Reference, NeedsCompatTable, Non-standard | 
| The non-standard ::-moz-list-bulletMozilla CSS pseudo-element is used to style the bullet of a list element. | ||
| 93 | ::-moz-list-number | CSS, CSS Reference, NeedsCompatTable, Non-standard, Pseudo-element | 
| The ::-moz-list-numberCSS pseudo-element lets you customize the appearance of numbers on list items (<li>) occurring in ordered lists (<ol>). | ||
| 94 | ::-moz-page | CSS, CSS Reference, NeedsCompatTable, NeedsContent, NeedsExample, Non-standard | 
| The ::-moz-pageCSS pseudo-element applies to an individual page in print or print preview. | ||
| 95 | ::-moz-page-sequence | CSS, CSS Reference, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element | 
| The ::-moz-page-sequenceCSS pseudo-element represents the background of the print preview. | ||
| 96 | ::-moz-placeholder | CSS, CSS Pseudo-element, CSS Reference, Non-standard | 
| The ::-moz-placeholderpseudo-element represents any form element displaying placeholder text. | ||
| 97 | ::-moz-progress-bar | CSS, CSS Reference, NeedsCompatTable, Non-standard | 
| The ::-moz-progress-barCSS 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. | ||
| 98 | ::-moz-range-progress | CSS, CSS Pseudo-element, Non-standard, Pseudo-element, Reference | 
| The ::-moz-range-progressCSS pseudo-element represents the portion of the "track" (the groove in which the indicator aka thumb slides) of an<input>oftype="range", which corresponds to values lower than the value currently selected by the thumb. | ||
| 99 | ::-moz-range-thumb | CSS, CSS Pseudo-element, Non-standard, Pseudo-element, Reference | 
| The ::-moz-range-thumbCSS pseudo-element represents the thumb, the virtual knob the user can move within the groove, or track, of an<input>oftype="range"to alter its numerical value. | ||
| 100 | ::-moz-range-track | CSS, CSS Pseudo-element, Non-standard, Pseudo-element, Reference | 
| The ::-moz-range-trackCSS pseudo-element represents the track, that is the groove in which the indicator of an<input>oftype="range"slides. | ||
| 101 | ::-moz-scrolled-page-sequence | CSS, CSS Reference, NeedsBrowserCompatibility, NeedsContent, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard | 
| The ::-moz-scrolled-page-sequenceCSS pseudo-element represents the background of the print preview. | ||
| 102 | ::-ms-browse | CSS, Non-standard, Pseudo-element, Reference | 
| The ::-ms-browseCSS pseudo-element represents the button to open the file picker of an<input>oftype="file". | ||
| 103 | ::-ms-check | CSS, Non-standard, Pseudo-element, Reference | 
| The ::-ms-checkCSS pseudo-element represents the checkmark of an<input>oftype="checkbox"ortype="radio". | ||
| 104 | ::-ms-clear | CSS, Non-standard, Pseudo-element, Reference | 
| The ::-ms-clearCSS 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. | ||
| 105 | ::-ms-expand | CSS, Pseudo-element, Reference | 
| The ::-ms-expandCSS pseudo-element represents the button within a<select>that opens or closes the drop-down menu that displays the<option>s. It often normally looks like a triangle that points downward. | ||
| 106 | ::-ms-fill | CSS, Non-standard, Pseudo-element, Reference | 
| The ::-ms-fillCSS 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. | ||
| 107 | ::-ms-fill-lower | CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| The ::-ms-fill-lowerCSS pseudo-element represents the portion of the "track" (the groove in which the indicator aka thumb slides) of an<input>oftype="range", which corresponds to values lower than the value currently selected by the thumb. | ||
| 108 | ::-ms-fill-upper | CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| The ::-ms-fill-upperCSS pseudo-element represents the portion of the "track" (the groove in which the indicator aka thumb slides) of an<input>oftype="range", which corresponds to values greater than the value currently selected by the thumb. | ||
| 109 | ::-ms-reveal | CSS, NeedsContent, NeedsExample, Non-standard, Pseudo-element, Reference | 
| The ::-ms-revealCSS pseudo-element is used to display and apply styles to the "password reveal button" usually displayed at the edge of an<input>element oftype="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. | ||
| 110 | ::-ms-thumb | CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| Technical review completed. | ||
| 111 | ::-ms-track | CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| The ::-ms-trackCSS pseudo-element represents the "track" (the groove in which the indicator slides) of an<input>oftype="range". | ||
| 112 | ::-ms-value | CSS, NeedsCompatTable, NeedsExample, Non-standard, Pseudo-element, Reference | 
| The ::-ms-valuepseudo-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. | ||
| 113 | ::-webkit-file-upload-button | CSS, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-file-upload-buttonCSS pseudo-element represents the button of an<input>oftype="file". | ||
| 114 | ::-webkit-inner-spin-button | CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-inner-spin-buttonCSS pseudo-element is used to style the inner part of the spinner button of number picker input elements. | ||
| 115 | ::-webkit-input-placeholder | CSS, CSS Pseudo-element, CSS Reference, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| The non-standard proprietary ::-webkit-input-placeholderpseudo-element represents the placeholder text of a form element. This allows web developers and theme designers to customize the appearance of placeholder text. This pseudo-class is only supported by WebKit and Blink. | ||
| 116 | ::-webkit-meter-bar | -webkit-meter-bar, CSS, Non-Standard, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-meter-barpseudo-class sets the styling for the background of the element. Container of the<meter>gauge that holds the value. | ||
| 117 | ::-webkit-meter-even-less-good-value | -webkit-meter-even-less-good-value, CSS, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-meter-even-less-good-valuegives 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. | ||
| 118 | ::-webkit-meter-inner-element | -webkit-meter-inner-element, CSS, Non-standard, Pseudo-element, Reference | 
| ::-webkit-meter-inner-elementis 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. | ||
| 119 | ::-webkit-meter-optimum-value | ::-webkit-meter-optimum-value, CSS, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-meter-optimum-valuepseudo-element  styles the meter element when its value is inside the low-high range. | ||
| 120 | ::-webkit-meter-suboptimum-value | -webkit-meter-suboptimum-value, CSS, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-meter-suboptimum-valuegives a yellow color to the meter element when the value attribute falls outside of the low-high range. | ||
| 121 | ::-webkit-outer-spin-button | CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-outer-spin-buttonCSS pseudo-element is used to style the outer part of the spinner button of number picker input elements. | ||
| 122 | ::-webkit-progress-bar | CSS, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-progress-barCSS 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-valuepseudo-element. It is a child of the::-webkit-progress-inner-elementpseudo-element and the parent of the::-webkit-progress-valuepseudo-element. | ||
| 123 | ::-webkit-progress-inner-element | CSS, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-progress-inner-elementCSS pseudo-element represents the outermost, container pseudo-element of the<progress>element. It is the parent of the::-webkit-progress-barpseudo-element. | ||
| 124 | ::-webkit-progress-value | CSS, Non-standard, Pseudo-element, Reference | 
| The ::-webkit-progress-valueCSS pseudo-element represents the filled-in portion of the bar of a<progress>element. It is a child of the::-webkit-progress-barpseudo-element. | ||
| 125 | ::-webkit-scrollbar | CSS, CSS Pseudo-element, NeedsCompatTable, Reference | 
| The ::-webkit-scrollbar CSS pseudo-element affects the style of the scrollbar of an element. | ||
| 126 | ::-webkit-search-cancel-button | NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility | 
| The ::-webkit-search-cancel-buttonCSS pseudo-element represents a button (the "cancel button") at the edge of an<input>oftype="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. | ||
| 127 | ::-webkit-search-results-button | NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility | 
| The ::-webkit-search-results-buttonCSS pseudo-element represents a button (the "search results button") at the left edge of an<input>oftype="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 aresultsattribute. | ||
| 128 | ::-webkit-slider-runnable-track | CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| Technical review completed. Editorial review completed. | ||
| 129 | ::-webkit-slider-thumb | CSS, CSS Pseudo-element, NeedsBrowserCompatibility, NeedsCompatTable, NeedsExample, NeedsMobileBrowserCompatibility, Non-standard, Pseudo-element, Reference | 
| Technical review completed. Editorial review completed. | ||
| 130 | ::after (:after) | CSS, CSS Pseudo-element, Layout, Reference, Web | 
| In CSS, ::aftercreates a pseudo-element that is the last child of the selected element. It is often used to add cosmetic content to an element with thecontentproperty. | ||
| 131 | ::backdrop | CSS, CSS Pseudo-element, Full-screen, Layout, NeedsContent, Pseudo-element, Reference, Web | 
| The ::backdropCSSpseudo-elementis a box rendered immediately below any element rendered in fullscreen mode (and above any lower elements in the stack). Fullscreen elements are part of the top layer's stack, i.e., they are rendered in front of all other content. | ||
| 132 | ::before (:before) | CSS, CSS Pseudo-element, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| In CSS, ::beforecreates a pseudo-element that is the first child of the selected element. It is often used to add cosmetic content to an element with thecontentproperty. | ||
| 133 | ::cue (:cue) | ::cue, CSS, CSS Reference, Media, Pseudo-element, Reference, Web Video Text Tracks, WebVTT, cue | 
| The ::cueCSS pseudo-element matches WebVTT cues within a selected element. This can be used to style captions and other cues in media with VTT tracks. | ||
| 134 | ::first-letter (:first-letter) | CSS, CSS Pseudo-element, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The ::first-letterCSS pseudo-element applies styles to the first letter of the first line of a block-level element, but only when not preceded by other content (such as images or inline tables). | ||
| 135 | ::first-line (:first-line) | CSS, CSS Pseudo-element, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The ::first-lineCSS pseudo-element applies styles to the first line of a block-level element. | ||
| 136 | ::grammar-error | CSS, CSS Pseudo-element, Experimental, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web | 
| The ::grammar-errorCSS pseudo-element represents a text segment which the browser has flagged as having a grammatical error(s). | ||
| 137 | ::marker | CSS, CSS Lists and Counters, CSS Pseudo-element, Experimental, Layout, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web | 
| The ::markerCSS pseudo-element represents the marker box of a list item (<li>). The marker is typically a bullet or number. | ||
| 138 | ::placeholder | CSS, CSS Pseudo-element, Experimental, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web | 
| Technical review completed. | ||
| 139 | ::selection | CSS, CSS Pseudo-element, Layout, Reference, Web | 
| The ::selectionCSS pseudo-element applies styles to the portion of a document that has been highlighted by the user (such as with the mouse). | ||
| 140 | ::spelling-error | CSS, CSS Pseudo-element, Experimental, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Pseudo-element, Reference, Web | 
| The ::spelling-errorCSS pseudo-element represents a text segment which the browser has flagged as incorrectly spelled. | ||
| 141 | :active | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :activeCSS pseudo-class represents an element (such as a button) that is being activated by the user. | ||
| 142 | :any | CSS, CSS Pseudo-class, Experimental, Reference | 
| The :any()pseudo-class lets you create a selector containing multiple option, either of which will be matched. This is an alternative to having to repeat an entire selector multiple times because one item inside it varies. | ||
| 143 | :any-link | CSS, CSS Pseudo-class, Experimental, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :any-linkCSS pseudo-class selector 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>element with anhrefattribute. Thus, it matches all elements that match:linkor:visited. | ||
| 144 | :checked | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :checkedCSS 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 anonstate. The user can change this state by clicking on the element, or selecting a different value, in which case the:checkedpseudo-class no longer applies to this element, but will to the relevant one. | ||
| 145 | :default | CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :defaultCSS pseudo-class represents any user interface element that is the default among a group of similar elements. For example, the default button in a set of buttons could be selected using this pseudo-class. | ||
| 146 | :dir() | BiDi, CSS, CSS Pseudo-class, Experimental, Reference | 
| The :dirCSS pseudo-class matches elements based on the directionality of the text contained in it. In HTML, the direction is determined by thedirattribute. For other document types there may be other document methods for determining the language. | ||
| 147 | :disabled | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :disabledCSS 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. | ||
| 148 | :empty | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :emptypseudo-classrepresents 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. | ||
| 149 | :enabled | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :enabledCSS 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 a disabled state, in which it can't be activated or accept focus. | ||
| 150 | :first | CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :first@pageCSS pseudo-class describes the styling of the first page when printing a document. | ||
| 151 | :first-child | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :first-childCSS pseudo-class represents the first element among a group of sibling elements. | ||
| 152 | :first-of-type | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :first-of-typeCSS pseudo-class represents the first element of its type among a group of sibling elements. | ||
| 153 | :focus | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :focusCSS pseudo-class represents an element (such as a form input) that has received focus. It is generally triggered when the user clicks or taps on an element or selects it with the keyboard's tab key. | ||
| 154 | :focus-within | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :focus-withinCSS pseudo-class matches any element that the:focuspseudo-class matches or that has a descendant that the:focuspseudo-class matches. (This includes descendants in shadow trees.) | ||
| 155 | :fullscreen | CSS, CSS Pseudo-class, Experimental, Full-screen, Reference | 
| The :fullscreenCSS pseudo-class selects any element that's displayed when the browser is in fullscreen mode. | ||
| 156 | :has | CSS, CSS Selectors, Experimental, Pseudo-class, Reference | 
| The :has()CSS pseudo-class represents an element if any of the selectors, relative to the:scopeof the given element, passed as parameters, matches at least one element. The:has()pseudo-class takes a selector list as an argument. In the current specification:hasis not marked as part of the dynamic selector profile, which means it can not be used within stylesheets; only with functions likedocument.querySelector(). | ||
| 157 | :hover | CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :hoverCSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an element with the cursor (mouse pointer). | ||
| 158 | :in-range | CSS, CSS Pseudo-class, Reference, Web | 
| The :in-rangeCSS pseudo-class matches when the value currently contained inside an<input>element is inside the range limits specified by theminandmaxattributes. | ||
| 159 | :indeterminate | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :indeterminateCSS pseudo-class selects any form element whose state is indeterminate. | ||
| 160 | :invalid | CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :invalidCSS pseudo-class selects any<input>or<form>element whose content fails to validate according to the input's attribute settings. This allows you to easily have invalid fields adopt an appearance that helps the user identify and correct errors. | ||
| 161 | :lang | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :langCSS 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 thelangattribute, the<meta>element, and possibly by information from the protocol (such as HTTP headers). | ||
| 162 | :last-child | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :last-childCSS pseudo-class represents the last element among a group of sibling elements. | ||
| 163 | :last-of-type | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :last-of-typeCSS pseudo-class represents the last element of its type among a group of sibling elements. | ||
| 164 | :left | CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :leftCSS page pseudo-class matches any left page when printing a document. It allows you to describe the styling of left-side pages. | ||
| 165 | :link | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :linkCSS pseudo-class represents links (such as an anchor) that have not yet been visited. | ||
| 166 | :not() | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The negation CSS pseudo-class, :not(X), has a functional notation taking a simple selector X as an argument. It matches elements that are not represented by the argument. X must not contain another negation selector. | ||
| 167 | :nth-child | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :nth-child(an+b)CSS pseudo-class matches an element that hasan+b-1siblings before it, wherenis positive or zero. More simply stated, the selector matches elements whose numeric position in a series of siblings matches the pattern an+b. | ||
| 168 | :nth-last-child | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :nth-last-child(an+b)CSS pseudo-class matches an element that hasan+b-1siblings after it, wherenis positive or zero. It is essentially the same as:nth-child, except it counts items backwards from the end, not forwards from the beginning. | ||
| 169 | :nth-last-of-type | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :nth-last-of-type(an+b)CSS pseudo-class matches an element that hasan+b-1siblings of the same type after it, wherenis positive or zero. It is essentially the same as:nth-of-type, except it counts items backwards from the end, not the beginning. | ||
| 170 | :nth-of-type | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :nth-of-type(an+b)CSS pseudo-class matches an element that hasan+b-1siblings of the same type before it, wherenis positive or zero. | ||
| 171 | :only-child | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :only-childCSS pseudo-class represents an element without any siblings. This is the same as:first-child:last-childor:nth-child(1):nth-last-child(1), but with a lower specificity. | ||
| 172 | :only-of-type | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :only-of-typeCSS pseudo-class represents an element that has no siblings of the same type. | ||
| 173 | :optional | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :optionalCSS pseudo-class selects any<input>or<textarea>element that does not have therequiredattribute set on it. This allows forms to easily indicate optional fields, and to style them accordingly. | ||
| 174 | :out-of-range | CSS, CSS Pseudo-class, CSS Reference, Layout, Web | 
| The :out-of-rangeCSS 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. | ||
| 175 | :placeholder-shown | CSS, CSS Pseudo-class, Reference | 
| The :placeholder-shownpseudo-class represents any form element displaying placeholder text. | ||
| 176 | :read-only | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :read-onlyCSS pseudo-class selects an element (such as a locked text input) that is not editable by the user. | ||
| 177 | :read-write | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :read-writeCSS pseudo-class represents an element (such as a text input) that is editable by the user. | ||
| 178 | :required | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :requiredCSS pseudo-class represents any<input>element that has therequiredattribute set on it. This allows forms to easily indicate which fields must have valid data before the form can be submitted. | ||
| 179 | :right | CSS, CSS Pseudo-class, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :rightCSS page pseudo-class matches any right page when printing a page. It allows you to describe the styling of right-side pages. | ||
| 180 | :root | CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :rootCSS  pseudo-class matches the root element of a tree representing the document. In HTML,:rootrepresents the<html>element and is identical to the selectorhtml, except that its specificity is higher. | ||
| 181 | :scope | CSS, CSS Pseudo-class, Experimental, Expérimental, Layout, Reference, Web | 
| The :scopeCSS  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 thescopedattribute of the<style>. If no such attribute is used on an HTML page, the reference point is the<html>element. | ||
| 182 | :target | CSS, CSS Pseudo-class, Layout, Reference, Web | 
| The :targetCSS pseudo-class represents a unique element (the target element) with anidmatching the URL's fragment. | ||
| 183 | :valid | CSS, CSS Pseudo-class, Layout, NeedsMobileBrowserCompatibility, Pseudo-class, Reference, Web | 
| The :validCSS 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. | ||
| 184 | :visited | CSS, CSS Pseudo-class, CSS3, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The :visitedCSS pseudo-class lets you select only links that have been visited. | ||
| 185 | <angle> | CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The <angle>CSS data type represents an angle value expressed in degrees, gradians, radians, or turns. It is used, for example, inrotateandskewtransformvalues. | ||
| 186 | <basic-shape> | CSS, CSS Data Type, CSS Shapes, Reference | 
| The <basic-shape>CSS data type represents a shape used in theclip-pathorshape-outsideproperties. | ||
| 187 | <blend-mode> | Blend modes, CSS, CSS Compositing, CSS Data Type, Compositing, Reference | 
| The <blend-mode>CSS data type describes how colors should appear when layers overlap. For each pixel among the layers to which it is applied, a blend mode takes the colors of the foreground and the background, perfoms a calculation on them, and returns a new color value. It is used in thebackground-blend-modeandmix-blend-modeproperties. | ||
| 188 | <color> | CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The <color>CSS data type represents a color in the sRGB color space. A color can be described in any of the following ways: | ||
| 189 | <custom-ident> | CSS, CSS Data Type, Layout, Reference, Web | 
| The <custom-ident>CSS data type denotes an arbitrary user-defined string used as an identifier. It is case-sensitive, and certain values are forbidden in various contexts to prevent ambiguity. | ||
| 190 | <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 unitfr. | ||
| 191 | <frequency> | CSS, CSS Data Types, CSS Unit, Layout, Reference, Web | 
| The <frequency>CSS data type represents a frequency dimension, such as the pitch of a speaking voice. | ||
| 192 | <gradient> | CSS, CSS Data Type, Graphics, Layout, Reference, Web | 
| The <gradient>CSS data type is a CSS<image>made of a progressive transition between two or more colors. A CSS gradient has no intrinsic dimensions; i.e., it has no natural or preferred size, nor a preferred ratio. Its concrete size will match the size of the element it applies to. | ||
| 193 | <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: plain images, typically referenced using a URL, and dynamically-generated images, like those generated with<gradient>orelement(). Images can be used with numerous CSS properties, such asbackground-image,border-image,content,list-style-image, andcursor. | ||
| 194 | <integer> | CSS, CSS Data Type, Layout, Reference, Web | 
| The <integer>CSS data type is a type of<number>that represents a whole number, whether positive or negative. Integers are used in numerous CSS properties, such asz-index,counter-increment,column-count,grid-column,grid-row, andrepeat(). | ||
| 195 | <length> | CSS, CSS Data Type, Layout, Reference, Web | 
| The <length>CSS data type represents a distance value. Many CSS properties take<length>values, such aswidth,margin,padding,font-size,border-width,text-shadow, and many others. | ||
| 196 | <number> | CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The <number>CSS data type represents a number, being either a whole integer or a fraction. | ||
| 197 | <percentage> | CSS, CSS Data Type, Layout, Reference, Web | 
| The <percentage>CSS data type represents a percentage value. Many CSS properties can take<percentage>values, often to define a size as relative to its parent object. Numerous properties can use percentages, such aswidth,margin,padding, andfont-size. | ||
| 198 | <position> | CSS, CSS Data Type, Layout, Reference, Web | 
| The <position>CSS data type denotes a coordinate position in 2D space used to set a location relative to a box. The final position described by the<position>value does not need to be inside the element's box. | ||
| 199 | <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. | ||
| 200 | <resolution> | CSS, CSS Data Type, Layout, Reference, Web | 
| The <resolution>CSS data type, used in media queries, denotes the density of pixels of an output device, i.e., its resolution. | ||
| 201 | <shape-box> | CSS, CSS Data Type, CSS Shapes, Reference | 
| Shapes can be specified for shape-outsidewith a<shape-box>type, which is a reference to edges in the CSS Box Model. | ||
| 202 | <shape> | CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The <shape>CSS data type defines the specific form (shape) of a region. The region determines the part of an element to which a given property, such asclip, applies. | ||
| 203 | <single-transition-timing-function> | CSS, CSS Data Type, 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 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. | ||
| 204 | <string> | CSS, CSS Data Type, Layout, Reference, Web | 
| The <string>CSS data type represents a sequence of characters. Strings are used in numerous CSS properties, includingcontent,font-family, andquotes. | ||
| 205 | <time> | CSS, CSS Data Type, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The <time>CSS data type represents a time value expressed in seconds or milliseconds. It is used inanimation,transition, and other related properties. | ||
| 206 | <transform-function> | CSS, CSS Data Type, CSS Reference, CSS Transforms, Layout, Reference, Web | 
| The <transform-function>CSS data type denotes a function used to modify an element's appearance. A transform can usually be expressed by matrices, with the result determined by using matrix multiplication on each point. | ||
| 207 | 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. | ||
| 208 | 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. | ||
| 209 | 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. | ||
| 210 | 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 thetransform-originproperty) 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. | ||
| 211 | 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. | ||
| 212 | 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. | ||
| 213 | 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. | ||
| 214 | 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. | ||
| 215 | 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. | ||
| 216 | 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. | ||
| 217 | 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 is1, in which case the function is the identity transform. The scaling is not isotropic and the angles of the element are not conserved. | ||
| 218 | 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 is1, in which case the function is the identity transform. The scaling is not isotropic and the angles of the element are not conserved. | ||
| 219 | 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 is1, in which case the function is the identity transform. The scaling is not isotropic and the angles of the element are not conserved. | ||
| 220 | 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. | ||
| 221 | 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. | ||
| 222 | 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. | ||
| 223 | translate() | CSS, CSS Function, CSS Transforms, NeedsCompatTable, Reference | 
| The translate()CSS function repositions an element in the horizontal and/or vertical directions. This transformation is defined by a vector whose coordinates define how much it moves in each axis. | ||
| 224 | 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. | ||
| 225 | 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. | ||
| 226 | 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. | ||
| 227 | 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. | ||
| 228 | <url> | CSS, Layout, Reference, Type, URI, URL, Web, data, urn | 
| The <url>CSS data type denotes a pointer to a resource, such as an image or a font. It has no proper syntax and can only be expressed through theurl()functional notation. URLs are used in numerous CSS properties, such asbackground-image,cursor,@font-face, andlist-style. | ||
| 229 | @charset | At-rule, CSS, Layout, Reference, Web | 
| The @charsetCSS 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@charsetat-rules are defined, only the first one is used, and it cannot be used inside astyleattribute on an HTML element or inside the<style>element where the character set of the HTML page is relevant. | ||
| 230 | @counter-style | At-rule, CSS, Reference, Styles, counter | 
| The @counter-styleCSS at-rule lets you define counter styles that are not part of the predefined set of styles. An@counter-stylerule defines how to convert a counter value into a string representation. | ||
| 231 | additive-symbols | @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference | 
| The additive-symbolsdescriptor lets you specify symbols when the value of a countersystemdescriptor isadditive. Theadditive-symbolsdescriptor defines additive tuples, each of which is a pair containing a symbol and a non-negative integer weight. The additive system is used to construct sign-value numbering systems such as Roman numerals. | ||
| 232 | fallback | @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference | 
| The fallbackdescriptor 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. | ||
| 233 | negative | @counter-style, CSS, CSS Descriptor, Reference | 
| When defining custom counter styles, the negativedescriptor lets you alter the representations of negative counter values, by providing a way to specify symbols to be appended or prepended to the counter representation when the value is negative. | ||
| 234 | pad | @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference | 
| The paddescriptor 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. | ||
| 235 | prefix | @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference | 
| The prefix descriptor of the @counter-stylerule 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. | ||
| 236 | 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. | ||
| 237 | speak-as | @counter-style, CSS, CSS Descriptor, Reference | 
| The speak-asdescriptor specifies how a counter symbol constructed with a given@counter-stylewill be represented in the spoken form. For example, an author can specify a counter symbol to be either spoken as its numerical value or just represented with an audio cue. | ||
| 238 | suffix | @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference | 
| The suffix is used with @counter-styleto 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). | ||
| 239 | symbols | @counter-style, CSS, CSS Counter Styles, CSS Descriptor, Reference | 
| The symbolsdescriptor 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. | ||
| 240 | system | @counter-style, CSS, CSS Counter Styles, CSS Descriptor, NeedsLiveSample, Reference | 
| The systemdescriptor specifies the algorithm to be used for converting the integer value of a counter to a string representation. It is used in a@counter-styleto define the behavior of the defined style. | ||
| 241 | @document | At-rule, CSS, Reference | 
| The @documentCSS 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@documentrule can specify one or more matching functions. If any of the functions apply to a URL, the rule will take effect on that URL. | ||
| 242 | @font-face | At-rule, CSS, CSS Fonts, Reference | 
| The @font-faceCSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts,@font-faceeliminates the need to depend on the limited number of fonts users have installed on their computers. The@font-faceat-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule. | ||
| 243 | font-display | @font-face, CSS, CSS Descriptor, CSS Fonts, Experimental, Reference | 
| The font-displaydescriptor determines how a font face is displayed based on whether and when it is downloaded and ready to use. | ||
| 244 | font-family | @font-face, CSS, CSS Descriptor, CSS Fonts, Reference | 
| The font-familyCSS descriptor allows authors to specify the font family for the font specified in an@font-facerule. | ||
| 245 | font-style | @font-face, CSS, CSS Descriptor, CSS Fonts, Reference | 
| The font-style CSS descriptor allows authors to specify font styles for the fonts specified in the @font-facerule. | ||
| 246 | src | @font-face, CSS, CSS Descriptor, CSS Fonts, NeedsMobileBrowserCompatibility, Reference | 
| The srcCSS descriptor of the@font-facerule specifies the resource containing font data. It is required for the@font-facerule to be valid. | ||
| 247 | unicode-range | CSS, CSS Fonts, CSS Property, Experimental, Layout, Reference, Web | 
| The unicode-rangeCSS descriptor sets the specific range of characters to be used from a font defined by@font-faceand 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. | ||
| 248 | @font-feature-values | At-rule, CSS, CSS Fonts, Reference | 
| The @font-feature-valuesCSS at-rule allows authors to use a common name infont-variant-alternatesfor feature activated differently in OpenType. It allows to simplify the CSS when using several fonts. | ||
| 249 | @import | At-rule, CSS, Reference | 
| The @importCSS at-rule is used to import style rules from other style sheets. These rules must precede all other types of rules, except@charsetrules; as it is not a nested statement,@importcannot be used inside conditional group at-rules. | ||
| 250 | @keyframes | Animations, At-rule, CSS, Experimental, Reference | 
| The @keyframesCSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence. | ||
| 251 | @media | At-rule, CSS, Reference | 
| The @mediaCSS at-rule lets you specify declarations that depend on the condition of a media query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule. | ||
| 252 | -webkit-animation | CSS, Reference | 
| -webkit-animationis a non-standard boolean CSS media feature whose value indicates whether vendor-prefixed CSSanimations are supported or not. This media feature is only supported by WebKit. The standards-based alternative is to use a@supportsfeature query instead. | ||
| 253 | -webkit-device-pixel-ratio | NeedsBrowserCompatibility, NeedsCompatTable, NeedsMobileBrowserCompatibility | 
| -webkit-device-pixel-ratiois a non-standard boolean CSS media feature which is an alternative to the standardresolutionmedia feature. | ||
| 254 | -webkit-transform-2d | CSS, Reference, Référence | 
| Technical review completed. | ||
| 255 | -webkit-transform-3d | CSS, Reference, Référence | 
| -webkit-transform-3dis a non-standard boolean CSS media feature whose value indicates whether vendor-prefixed CSS 3Dtransforms are supported or not. This media feature is only supported by WebKit and Blink. The standards-based alternative is to use a@supportsfeature query instead. | ||
| 256 | -webkit-transition | Blink, CSS, CSS Reference, Non-standard, Obsolete, Reference, WebKit, media feature | 
| -webkit-transitionis a non-standard media feature whose value is a Boolean which istrueif the browsing context supports CSS transitions.-webkit-transitionwas never supported in browsers not based on WebKit or Blink. You should not use this media feature; it was never specified, has never been widely implemented, and has been removed from all browsers. | ||
| 257 | any-hover | CSS, NeedsExample, Reference, Référence | 
| any-hoveris a CSS media feature that can be used to check whether any available input mechanism allows the user to hover over elements. | ||
| 258 | any-pointer | CSS, NeedsExample, Reference, Référence | 
| any-pointeris 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. | ||
| 259 | aspect-ratio | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| aspect-ratiois a CSS media feature whose value is the width-to-height aspect<ratio>of the viewport. It has min and max attributes. | ||
| 260 | color | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| coloris 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. | ||
| 261 | color-gamut | CSS, NeedsBrowserCompatibility, NeedsExample, Reference | 
| color-gamutis a CSS media feature whose value describes the approximate range of colors that are supported by the user agent and output device. | ||
| 262 | color-index | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| color-indexis 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. | ||
| 263 | device-aspect-ratio | CSS, NeedsBrowserCompatibility, Reference, Référence, Web | 
| Technical review completed. | ||
| 264 | device-height | CSS, NeedsBrowserCompatibility, Reference, Référence | 
| Technical review completed. | ||
| 265 | device-width | CSS, NeedsBrowserCompatibility, Reference, Référence | 
| device-widthis a deprecated CSS media feature whose value is the width of the rendering surface of the output device, as a CSS<length>. | ||
| 266 | display-mode | @media, CSS, display, display-mode, media feature, web app manifest | 
| display-modeis 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. | ||
| 267 | grid | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| gridis a CSS media feature whose value is an<mq-boolean>indicating whether or not the device is a grid or bitmap. | ||
| 268 | height | CSS, CSS Reference, NeedsBrowserCompatibility, NeedsExample, Reference, media feature | 
| heightis a CSS media feature whose value is the viewport's height as a CSS<length>. | ||
| 269 | hover | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| hoveris a CSS media feature that can be used to check whether the primary input mechanism allows the user to hover over elements. | ||
| 270 | inverted-colors | CSS, NeedsBrowserCompatibility, NeedsExample, Reference | 
| inverted-colorsis a CSS media feature that can be used to check whether the user agent or underlying OS is inverting colors. | ||
| 271 | light-level | CSS, NeedsBrowserCompatibility, NeedsExample, Reference | 
| light-levelis a CSS media feature that can be used to check the current ambient light level. | ||
| 272 | monochrome | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| monochromeis 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. | ||
| 273 | orientation | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| orientationis a CSS media feature that can be used to check what the orientation of the viewport is. | ||
| 274 | overflow-block | CSS, NeedsBrowserCompatibility, NeedsEnumeratedValueMeanings, NeedsExample, Reference | 
| overflow-blockis a CSS media feature that can be used to check how the output device handles content that overflows the viewport along the block axis. | ||
| 275 | overflow-inline | CSS, NeedsBrowserCompatibility, NeedsExample, Reference | 
| overflow-inlineis a CSS media feature which can be used to indicate whether content that overflows the viewport along the inline axis can be scrolled. | ||
| 276 | pointer | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| pointeris 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. | ||
| 277 | resolution | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| resolutionis a CSS media feature whose value is the pixel density of the output device, as a CSS<resolution>. | ||
| 278 | scan | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| scanis 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. | ||
| 279 | scripting | CSS, NeedsBrowserCompatibility, NeedsExample, Reference | 
| scriptingis a CSS media feature that can be used to check whether scripting (e.g., JavaScript) is available. | ||
| 280 | update | CSS, NeedsBrowserCompatibility, NeedsExample, Reference | 
| updateis 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. | ||
| 281 | width | CSS, NeedsBrowserCompatibility, NeedsExample, Reference, Référence | 
| widthis 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> | ||
| 282 | @namespace | At-rule, CSS, Layout, Reference, Web | 
| @namespaceis 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@namespacerule 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. | ||
| 283 | @page | At-rule, CSS, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The @pageCSS 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. | ||
| 284 | bleed | CSS, CSS Reference, NeedsBrowserCompatibility, NeedsLiveSample, NeedsMobileBrowserCompatibility | 
| The bleedat-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 themarksproperty. | ||
| 285 | marks | CSS, CSS Property, Layout, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Non-Standard, Non-standard, Reference, Web | 
| The marksCSS 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. | ||
| 286 | size | CSS, CSS Descriptor, NeedsBrowserCompatibility, Reference, Web | 
| Editorial review completed. | ||
| 287 | @styleset | CSS, NeedsContent, Reference, Web | 
| See @font-feature-values. | ||
| 288 | @supports | At-rule, CSS, CSS3, CSS3-conditionals, Layout, Reference, Web | 
| The @supportsCSS at-rule lets you specify declarations that depend on a browser's support for one or more specific CSS features. This is called a feature query. The rule may be placed at the top level of your code or nested inside any other conditional group at-rule. | ||
| 289 | @viewport | Adaptation, At-rule, CSS, Device, NeedsContent, Reference | 
| The @viewportCSS 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. | ||
| 290 | height | @viewport, CSS, CSS Descriptor, Reference | 
| The heightCSS descriptor is a shorthand descriptor for setting bothmin-heightandmax-heightof the viewport. by providing one viewport length value will set both, the minimum height and the maximum height, to the value provided. | ||
| 291 | max-height | @viewport, CSS, CSS Descriptor, Reference | 
| The max-heightCSS descriptor specifies the maximum height of the viewport of a document defined via the@viewportat-rule. | ||
| 292 | max-width | @viewport, CSS, CSS Descriptor, Reference | 
| The max-widthCSS descriptor specifies the maximum width of the viewport of a document defined via the@viewportat-rule. | ||
| 293 | max-zoom | @viewport, CSS, CSS Descriptor, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Reference | 
| The max-zoomCSS descriptor sets the maximum zoom factor of a document defined by the@viewportat-rule. The browser will not zoom in any further than this, whether automatically or at the user's request. | ||
| 294 | min-height | @viewport, CSS, CSS Descriptor, Reference | 
| The min-heightCSS descriptor specifies the minimum height of the viewport of a document defined via the@viewportat-rule. | ||
| 295 | min-width | @viewport, CSS, CSS Descriptor, Reference | 
| The min-widthCSS descriptor specifies the minimum width of the viewport of a document defined via@viewport. | ||
| 296 | min-zoom | @viewport, CSS, CSS Descriptor, NeedsBrowserCompatibility, NeedsExample, NeedsMobileBrowserCompatibility, Reference | 
| The min-zoomCSS 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. | ||
| 297 | orientation | CSS, CSS Descriptor, NeedsBrowserCompatibility, NeedsExample, Reference | 
| The orientationCSS descriptor controls the orientation of a document defined by@viewport. | ||
| 298 | user-zoom | CSS, CSS Descriptor, Graphics, Layout, NeedsBrowserCompatibility, NeedsExample, Reference, Web | 
| The user-zoomCSS descriptor controls whether or not the user can change the zoom factor of a document defined by@viewport. | ||
| 299 | 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. | ||
| 300 | zoom | CSS, CSS Descriptor, Graphics, Layout, NeedsBrowserCompatibility, NeedsExample, Reference, Web | 
| The zoomCSS Descriptor sets the initial zoom factor of a document defined by@viewport. | ||
| 301 | Actual value | CSS, Guide, Reference, Web | 
| The actual value of a CSS property is the used value of that property after any necessary approximations have been applied. For example, a user agent that can only render borders with a whole-number pixel width may round the thickness of the border to the nearest integer. | ||
| 302 | Adjacent sibling selectors | CSS, CSS Reference, NeedsMobileBrowserCompatibility, Reference, Selectors | 
| The +combinator separates two selectors and matches the second element only if it immediately follows the first element. | ||
| 303 | All about the containing block | Beginner, CSS, CSS Position, Guide, Position, Reference | 
| The size and position of an element are often impacted by its containing block. Most often, the containing block is the content area of an element's nearest block-level ancestor, but this is not always the case. | ||
| 304 | 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. | ||
| 305 | At-rule | 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. | ||
| 306 | Attribute selectors | Beginner, CSS, CSS Reference, Reference, Selectors | 
| Attribute selectors select an element using the presence of a given attribute or attribute value. | ||
| 307 | 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. | ||
| 308 | CSS Animations tips and tricks | CSS, CSS Animations, Example, Howto, Tutorial | 
| CSS Animations make it possible to do incredible things with the elements that make up your documents and apps. However, there are things you might want to do that aren't obvious, or clever ways to do things that you might not come up with right away. This article is a collection of tips and tricks we've found that may make your work easier, including how to run a stopped animation again. | ||
| 309 | 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. | ||
| 310 | 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. | ||
| 311 | 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. | ||
| 312 | Border-image generator | CSS, Tools | 
| This tool can be used to generate CSS3 border-imagevalues. | ||
| 313 | Border-radius generator | CSS, Tools | 
| This tool can be used to generate CSS3 border-radiuseffects. | ||
| 314 | Box-shadow generator | CSS3, Tools, box-shadow | 
| This tool lets you construct CSS box-shadoweffects, to add box shadow effects to your CSS objects. | ||
| 315 | Scaling background images | Advanced, CSS, CSS Background, Example, Graphics, Guide, Web | 
| The background-sizeCSS property makes it possible to adjust the size of background images, instead of the default behavior of tiling the image at its full size. | ||
| 316 | 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. | ||
| 317 | 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. | ||
| 318 | Introduction to the CSS box model | Beginner, CSS, CSS Box Model, Guide, Reference | 
| When laying out a document, the browser's rendering engine represents each element as a rectangular box according to the standard CSS box model. CSS determines the size, position, and properties (color, background, border size, etc.) of these boxes. | ||
| 319 | Mastering margin collapsing | CSS, CSS Box Model, Guide, Reference | 
| The top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the individual margins (or just one of them, if they are equal), a behavior known as margin collapsing. Note that the margins of floating and absolutely positioned elements never collapse. | ||
| 320 | 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. | ||
| 321 | CSS Colors | CSS, CSS Colors, Overview, Reference | 
| CSS Colors is a module of CSS that deals with colors, color types and transparency. | ||
| 322 | Color picker tool | CSS, Tools | 
| This tool makes it easy to create, adjust, and experiment with custom colors for the web. | ||
| 323 | CSS Columns | CSS, CSS Reference, Landing, 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. | ||
| 324 | 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. | ||
| 325 | 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. | ||
| 326 | 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. | ||
| 327 | 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. | ||
| 328 | 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. | ||
| 329 | CSS Flexible Box Layout | CSS, CSS Flexible Boxes, CSS Reference, Guide, Overview, Reference | 
| 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. | ||
| 330 | Advanced layouts with flexbox | CSS | 
| 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. | ||
| 331 | Using CSS Flexible Boxes | #RWD, Advanced, Boxes, CSS, Example, Flexible, Guide, Web | 
| The CSS3 Flexible Box, or flexbox, is a layout mode intended to accommodate different screen sizes and different display devices. | ||
| 332 | 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: | ||
| 333 | 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. | ||
| 334 | 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. | ||
| 335 | CSS Grid Layout | CSS, Grid Layout, Grids, Guide, Layout, Reference | 
| CSS Grid layout excels at dividing a page into major regions, or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives. | ||
| 336 | Auto-placement in CSS Grid Layout | CSS, CSS Grids, Guides | 
| In addition to the ability to place items accurately onto a created grid, the CSS Grid Layout specification contains rules that control what happens when you create a grid and do not place some or all of the child items. You can see auto-placement in action in the simplest of ways by creating a grid on a set of items. If you give the items no placement information they will position themselves on the grid, one in each grid cell. | ||
| 337 | Basic concepts of grid layout | CSS, CSS Grids, Guide, Layout | 
| CSS Grid Layout introduces a two-dimensional grid system to CSS. Grids can be used to lay out major page areas or small user interface elements. This article introduces CSS Grid Layout and the new terminology that is part of the CSS Grid Layout Level 1 specification. The features shown in this overview will be then explained in greater detail in the rest of this guide. | ||
| 338 | Box alignment in CSS Grid Layout | CSS, CSS Grid, Guides | 
| If you are familiar with flexbox then you will already have encountered the way in which flex items can be properly aligned inside the flex container. These alignment properties that we first met in the flexbox specification have been moved into a new specification called Box Alignment Level 3. This specification has details for how alignment should work in all of the different layout methods. | ||
| 339 | CSS Grid Layout and Accessibility | Accessibility, CSS, CSS Grids, Guides | 
| Those of us who have been doing web development for more years than we care to remember might consider that CSS Grid is a little bit like using “tables for layout”. Back in the early days of web design, the way we constructed page layout was to use HTML tables, then fragment our design into the cells of those tables in order to create a layout. This had some advantages over the “CSS Positioning” that came afterwards, in that we could take advantage of the alignment and full height columns offered by table display. The biggest downside however was that it tied our design to the mark-up, often creating accessibility issues as it did so. In order to lay the design out in the table we often broke up the content in ways that made no sense at all when read out by a screen reader for example. | ||
| 340 | CSS Grid Layout and Progressive Enhancement | CSS, CSS Grids, Design, Guide, Intermediate | 
| we should shortly have CSS Grid Layout support in the public versions of Firefox, Chrome, Opera and Safari. However, while evergreen browsers mean that many of us are going to see the majority of users having Grid Layout support very quickly, there are also old or non-supporting browsers to contend with. In this guide we will walk through a variety of strategies for support. | ||
| 341 | CSS grids, logical values and writing modes | CSS, CSS Grids, Guides | 
| For this guide, we will look at this feature of grid and other modern layout methods, learning a little about writing modes and logical versus physical properties as we do so. | ||
| 342 | Grid template areas | CSS, CSS Grids, Guide | 
| In the previous guide we looked at grid lines, and how to position items against those lines. When you use CSS Grid Layout you always have lines, and this can be a straightforward way to place items on your grid. However, there is an alternate method to use for positioning items on the grid which you can use alone or in combination with line-based placement. This method involves placing our items using named template areas, and we will find out exactly how this method works. You will see very quickly why we sometimes call this the ascii-art method of grid layout! | ||
| 343 | Layout using named grid lines | CSS, CSS Grids, Guide | 
| In previous guides we’ve looked at placing items by the lines created by defining grid tracks and also how to place items using named template areas. In this guide we are going to look at how these two things work together when we use named lines. Line naming is incredibly useful, but some of the more baffling looking grid syntax comes from this combination of names and track sizes. Once you work through some examples it should become clearer and easier to work with. | ||
| 344 | Line-based placement with CSS Grid | CSS, CSS Grids, Guide | 
| In the article covering the basic concepts of grid layout, we started to look at how to position items on a grid using line numbers. In this article we will fully explore how this fundamental feature of the specification works. | ||
| 345 | Realizing common layouts using CSS Grid Layout | CSS, CSS Grids, Guides | 
| To round off this set of guides to CSS Grid Layout, I am going to walk through a few different layouts, which demonstrate some of the different techniques you can use when designing with grid layout. We will look at an example using grid-template-areas, a typical 12-column flexible grid system, and also a product listing using auto-placement. As you can see from this set of examples, there is often more than one way to achieve the result you want with grid layout. Choose the method you find most helpful for the problems that you are solving and the designs that you need to implement. | ||
| 346 | Relationship of grid layout to other layout methods | CSS, CSS Grids, Guide | 
| CSS Grid Layout has been designed to work alongside other parts of CSS, as part of a complete system for doing layout. In this guide I will explain how a grid fits together with other techniques you may already be using. | ||
| 347 | 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. | ||
| 348 | 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. | ||
| 349 | Using CSS gradients | Advanced, CSS, CSS Image, Example, Guide, Web | 
| CSS gradients are a special type of <image>made of a progressive transition between two or more colors. You can choose between two types of gradients: linear (created with thelinear-gradient()function) and radial (created withradial-gradient()). | ||
| 350 | 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 can be laid out and styled, and how counters can be manipulated and styled. | ||
| 351 | 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. | ||
| 352 | Using CSS counters | Advanced, CSS, CSS List, CSS Value, Guide, Layout, Reference, Web | 
| CSS counters let you adjust the appearance of content based on its location in a document. For example, you can use counters to automatically number the headings in a webpage. Counters are, in essence, variables maintained by CSS whose values may be incremented by CSS rules to track how many times they're used. | ||
| 353 | 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. | ||
| 354 | 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. | ||
| 355 | CSS Miscellaneous | CSS, Overview, Reference | 
| These pages contain CSS properties that are highly experimental or don't fit in any other categories. | ||
| 356 | CSS Namespaces | CSS, CSS Namespaces, Overview, Reference, Web | 
| CSS Namespaces is a CSS module that allows authors to specify XML namespaces in CSS. | ||
| 357 | 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. | ||
| 358 | 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. | ||
| 359 | Understanding CSS z-index | Advanced, CSS, Guide, Understanding_CSS_z-index, Web | 
| The z-indexattribute lets you adjust the order of the layering of objects when rendering content. | ||
| 360 | 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. | ||
| 361 | 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: | ||
| 362 | 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. | ||
| 363 | 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. | ||
| 364 | 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. | ||
| 365 | 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): | ||
| 366 | The stacking context | Advanced, CSS, Example, Guide, Reference, Understanding_CSS_z-index, Web | 
| The stacking context is a three-dimensional conceptualization of HTML elements along an imaginary z-axis relative to the user who is assumed to be facing the viewport or the webpage. HTML elements occupy this space in priority order based on element attributes. | ||
| 367 | 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: | ||
| 368 | 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. | ||
| 369 | 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 | ||
| 370 | CSS Selectors | CSS, CSS Selectors, Overview, Reference, Selectors | 
| Selectors define to which elements a set of CSS rules apply. | ||
| 371 | 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. | ||
| 372 | CSS Shapes | CSS, CSS Reference, CSS Shapes, Overview | 
| CSS Shapes is a CSS module that defines geometric shapes for use in CSS values. | ||
| 373 | CSS Table | CSS, CSS Reference, CSS Table, Overview | 
| CSS Table is a CSS module that defines how to lay out table data. | ||
| 374 | 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. | ||
| 375 | 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. | ||
| 376 | 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. | ||
| 377 | 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. | ||
| 378 | 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. | ||
| 379 | Using CSS transitions | Advanced, CSS, CSS Transitions, CSS3 Transitions, Experimental, Guide, 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. | ||
| 380 | 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. | ||
| 381 | 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. | ||
| 382 | Using URL values for the cursor property | CSS, Gecko, NeedsUpdate, Reference | 
| Gecko 1.8 (Firefox 1.5, SeaMonkey 1.0) supports URL values for the CSS cursorproperty on Windows and Linux. Mac support was added in Gecko 2 (Firefox 4). This allows specifying arbitrary images as mouse cursors — any image format supported by Gecko can be used. | ||
| 383 | 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). | ||
| 384 | 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. | ||
| 385 | CSS basic data types | CSS, CSS Data Type | 
| CSS basic data types are a kind of component value type. They define the kinds of values (keywords and units) accepted by CSS properties and functions. | ||
| 386 | CSS documentation index | CSS | 
| Found 773 pages: | ||
| 387 | CSS reference | CSS, CSS Reference, Reference, l10n:priority | 
| 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. | ||
| 388 | 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. | ||
| 389 | 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. | ||
| 390 | 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. | ||
| 391 | Child selectors | Beginner, CSS, CSS Reference, NeedsMobileBrowserCompatibility, Reference, Selectors | 
| 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. In 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. | ||
| 392 | 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 classattribute is defined as a space-separated list of items, and one of those items must match exactly the class name given in the selector. | ||
| 393 | Comments | Beginner, CSS, CSS Reference | 
| A CSS comment is used to add explanatory notes to the code or to prevent the browser from interpreting specific parts of the style sheet. By design, comments have no effect on the layout of a document. | ||
| 394 | Computed value | CSS, Guide, Reference, Web | 
| The computed value of a CSS property is computed from the specified valueby: | ||
| 395 | 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. | ||
| 396 | Descendant selectors | Beginner, CSS, CSS Reference, Selectors | 
| The descendant combinator — typically represented by a single space ( ) character — combines two selectors such that elements matched by the second selector are selected if they have an ancestor element matching the first selector. Selectors that utilize a descendant combinator are called descendant selectors. | ||
| 397 | 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. | ||
| 398 | 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. | ||
| 399 | General sibling selectors | Beginner, CSS, CSS Reference, NeedsMobileBrowserCompatibility, Reference, Selectors | 
| The ~combinator separates two selectors and matches the second element only if it is preceded by the first, and both are children of the same parentElement. | ||
| 400 | 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 idattribute, which must match exactly the value given in the selector. | ||
| 401 | Initial value | CSS, Guide, Reference, Web | 
| The initial value given in our summary of the definition of each CSS property has different meanings for inherited and non-inherited properties. | ||
| 402 | 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: | ||
| 403 | 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). | ||
| 404 | Media queries | CSS, Media Queries, Overview, Reference | 
| Media Queries is a module of CSS that defines expressions allowing developers to tailor presentation to a specific range of output devices without changing the content itself. | ||
| 405 | Testing media queries | Advanced, CSS, DOM, Guide, Media Queries, MediaQueryList, Responsive Design, Web, matchMedia | 
| The DOM provides features that can test the results of a media query programmatically, via the MediaQueryListinterface and its methods and properties. Once you've created aMediaQueryListobject, you can check the result of the query or receive notifications when the result changes. | ||
| 406 | Using media queries | Advanced, CSS, Device, Guide, Media, Media Queries, Mozilla, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Responsive Design, Web, comma-seperated list, grid, media features, monochrome, query, resolution | 
| 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. | ||
| 407 | 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. | ||
| 408 | Mozilla CSS Extensions | CSS, CSS Reference, CSS:Mozilla Extensions | 
| Mozilla supports a number of extensions to CSS that are prefixed with -moz-. | ||
| 409 | Mozilla CSS support chart | CSS, CSS Reference, NeedsUpdate | 
| This page lists supported CSS selectors, properties, @-rules, Media queries and values in alphabetical order. | ||
| 410 | 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 | ||
| 411 | Privacy and the :visited selector | CSS, Security | 
| Historically, the CSS :visitedselector has been a way for sites to query the user's history, by usinggetComputedStyle()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. | ||
| 412 | Pseudo-classes | CSS, CSS Reference, Intermediate, Selectors | 
| A CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hovercan be used to apply a style when the user hovers over a button. | ||
| 413 | Pseudo-elements | Beginner, CSS, CSS Reference, Reference, Selectors, pseudo-elements | 
| A CSS pseudo-element is a keyword added to a selector that lets you style a specific part of the selected element(s). For example, ::first-linecan be used to style the first line of a paragraph. | ||
| 414 | Questions about CSS | Beginner, CSS, Junk, NeedsContent, NeedsHelp | 
| No summary! | ||
| 415 | 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: | ||
| 416 | Resolved value | CSS | 
| The resolved value of a CSS property is the value returned by getComputedStyle(). For most properties, it is thecomputed value, but for a few legacy properties (includingwidthandheight), it is instead theused value. See the specification link below for more per-property details. | ||
| 417 | 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-imageproperty, and even more to keep in mind when also scaling them using thebackground-sizeproperty. This article describes how scaling of SVG images is handled when using these properties. | ||
| 418 | Shorthand properties | CSS, Guide, Reference, 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. | ||
| 419 | Specificity | Beginner, CSS, Example, Guide, Reference, Web | 
| Specificity is the means by which browsers decide which CSS property values are the most relevant to an element and, therefore, will be applied. Specificity is based on the matching rules which are composed of different sorts of CSS selectors. | ||
| 420 | Syntax | Beginner, CSS, Guide, Reference, Web | 
| The basic goal of the Cascading Stylesheet (CSS) language is to allow a browser engine to paint elements of the page with specific features, like colors, positioning, or decorations. The CSS syntax reflects this goal and its basic building blocks are: | ||
| 421 | 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. | ||
| 422 | 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! | ||
| 423 | Linear-gradient Generator | CSS, Tools | 
| This tool can be used to create custom CSS3 linear-gradient()backgrounds. | ||
| 424 | Type selectors | Beginner, CSS, CSS Reference, HTML, NeedsMobileBrowserCompatibility, Node, Selectors, node name | 
| 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. | ||
| 425 | 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,*.warningand.warningare considered equal. | ||
| 426 | Used value | CSS, Guide, Reference, Web | 
| The used value of a CSS property is the final value of that property after all calculations have been performed. | ||
| 427 | 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);) . | ||
| 428 | Value definition syntax | Beginner, CSS, CSS Reference, Reference | 
| No summary! | ||
| 429 | Visual formatting model | CSS, CSS Basic Concepts, Intermediate, NeedsUpdate | 
| The CSS visual formatting model is an algorithm that processes a document and displays it on visual media. This model is a basic concept of CSS. | ||
| 430 | WebKit extensions | CSS, CSS Reference | 
| WebKit supports a number of extensions to CSS that are prefixed with -webkit. All-webkitprefixed properties also work with an-appleprefix. | ||
| 431 | align-content | CSS, CSS Flexible Boxes, CSS Property, Reference | 
| The CSS align-contentproperty defines how the browser distributes space between and around content items along the cross-axis of their container, which is serving as a flexible box container. | ||
| 432 | align-items | CSS, CSS Flexible Boxes, CSS Property, Reference | 
| The CSS align-itemsproperty defines how the browser distributes space between and around flex items along the cross-axis of their container. This means it works likejustify-contentbut in the perpendicular direction. | ||
| 433 | align-self | CSS, CSS Flexible Boxes, CSS Property, Reference | 
| The align-selfCSS property aligns flex items of the current flex line overriding thealign-itemsvalue. If any of the item's cross-axis margin is set toauto, thenalign-selfis ignored. | ||
| 434 | all | CSS, CSS Cascade, CSS Property, Reference | 
| The CSS allshorthand property resets all properties, apart fromunicode-bidianddirection, to their initial or inherited value. | ||
| 435 | animation | CSS, CSS Animations, CSS Property, Experimental, Reference | 
| The animationCSS property is a shorthand property for the various animation properties:animation-name,animation-duration,animation-timing-function,animation-delay,animation-iteration-count,animation-direction,animation-fill-mode, andanimation-play-state. | ||
| 436 | animation-delay | CSS, CSS Animations, CSS Property, Experimental, Reference | 
| The animation-delayCSS property specifies when an animation should start. You can begin the animation at a future point in time, immediately and from its begining, or immediately and partway through the animation cycle. | ||
| 437 | animation-direction | CSS, CSS Animations, CSS Property, Experimental, Reference | 
| The animation-directionCSS property specifies whether an animation should play forwards, backwards, or alternating back and forth. | ||
| 438 | animation-duration | CSS, CSS Animations, CSS Property, Experimental, Reference | 
| The animation-durationCSS property specifies the length of time that an animation should take to complete one cycle. | ||
| 439 | animation-fill-mode | CSS, CSS Animations, CSS Property, Experimental, NeedsMobileBrowserCompatibility, Property, Reference, animation-fill-mode | 
| The animation-fill-modeCSS property specifies how a CSS animation should apply styles to its target before and after its execution. | ||
| 440 | animation-iteration-count | CSS, CSS Animations, CSS Property, Experimental, Reference | 
| The animation-iteration-countCSS property specifies the number of times an animation cycle should be played before stopping. If multiple values are specified, each time the animation is played, the next value in the list is used, cycling back to the first value after the last one is used. | ||
| 441 | animation-name | CSS, CSS Animations, CSS Property, Experimental, Reference | 
| The animation-nameCSS property specifies one or more animations that should be applied to an element. Each name indicates an@keyframesat-rule that defines the property values for the animation sequence. | ||
| 442 | animation-play-state | CSS, CSS Animations, CSS Property, Experimental, NeedsMobileBrowserCompatibility, Reference | 
| The animation-play-stateCSS property specifies whether an animation is running or paused. In JavaScript, this can be queried to determine whether or not the animation is currently running. In addition, you can use JavaScript to set its value to pause or resume playback of an animation. | ||
| 443 | animation-timing-function | CSS, CSS Animations, CSS Property, Experimental, Reference | 
| The animation-timing-functionCSS property specifies how a CSS animation should progress over the duration of each cycle. | ||
| 444 | 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. | ||
| 445 | aural | CSS, CSS Reference | 
| A media group defined by the CSS standards. | ||
| 446 | azimuth | CSS, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate | 
| In combination with  elevation,azimuthenables 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. | ||
| 447 | backdrop-filter | CSS, CSS Property, Graphics, Layout, NeedsContent, NeedsMobileBrowserCompatibility, Reference, SVG, SVG Filter, Web | 
| The backdrop-filterCSS property lets you apply effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent. | ||
| 448 | backface-visibility | CSS, CSS Property, Experimental, Reference | 
| The backface-visibilityCSS 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. | ||
| 449 | background | CSS, CSS Background, CSS Property, Reference | 
| The backgroundCSS property is a shorthand for setting the individual background values in a single place in the style sheet.backgroundcan 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, andbackground-attachment. | ||
| 450 | background-attachment | CSS, CSS Background, CSS Property, Reference | 
| If a background-imageis specified, thebackground-attachmentCSS property determines whether that image's position is fixed within the viewport, or scrolls along with its containing block. | ||
| 451 | background-blend-mode | CSS, CSS Compositing, CSS Property | 
| The background-blend-modeCSS property describes how the element's background images should blend with each other and the element's background color. | ||
| 452 | background-clip | CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The background-clipCSS property specifies whether an element's background, whether a<color>or an<image>, extends underneath its border. | ||
| 453 | background-color | CSS, CSS Background, CSS Property, Graphics, Layout, Reference | 
| The background-colorCSS property sets the background color of an element, either through a color value or the keywordtransparent. | ||
| 454 | background-image | CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The CSS background-imageproperty sets one or several background images for an element. | ||
| 455 | background-origin | CSS, CSS Background, CSS Property, Reference | 
| The background-originCSS property determines the background positioning area, that is the position of the origin of an image specified using thebackground-imageCSS property. | ||
| 456 | background-position | CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The background-positionCSS property sets the initial position for each defined background image, relative to the background position layer defined bybackground-origin. | ||
| 457 | background-position-x | CSS, CSS Background, CSS Property, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference | 
| The background-position-xCSS property sets the initial horizontal position, relative to the background position layer defined bybackground-originfor each defined background image. For more information, see thebackground-positionproperty, which has been widely supported. | ||
| 458 | background-position-y | CSS, CSS Background, CSS Property, Experimental, Reference | 
| The background-position-yCSS property sets the initial vertical position, relative to the background position layer defined bybackground-originfor each defined background image. For more information, see thebackground-positionproperty, which has been widely supported for much longer. | ||
| 459 | background-repeat | CSS, CSS Background, CSS Property, Reference | 
| The background-repeatCSS 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. | ||
| 460 | background-size | CSS, CSS Background, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The background-sizeCSS 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. | ||
| 461 | block-size | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The block-sizeCSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either thewidthor theheightproperty, depending on the value ofwriting-mode. | ||
| 462 | border | CSS, CSS Borders, CSS Property, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The borderCSS property is a shorthand property for setting all individual border property values at once:border-width,border-style, andborder-color. As with all shorthand properties, any individual value that is not specified is set to its corresponding initial value. Importantly,bordercannot be used to specify a custom value forborder-image, but instead sets it to its initial value, i.e.,none. | ||
| 463 | border-block-end | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-block-endCSS 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-endcan 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 theborder-top,border-right,border-bottom, orborder-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 464 | border-block-end-color | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-block-end-colorCSS 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 theborder-top-color,border-right-color,border-bottom-color, orborder-left-colorproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 465 | border-block-end-style | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The border-block-end-styleCSS 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 theborder-top-style,border-right-style,border-bottom-style, orborder-left-styleproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 466 | border-block-end-width | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The border-block-end-widthCSS 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 theborder-top-width,border-right-width,border-bottom-width, orborder-left-widthproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 467 | border-block-start | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-block-startCSS 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-startcan 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 theborder-top,border-right,border-bottom, orborder-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 468 | border-block-start-color | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-block-start-colorCSS 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 theborder-top-color,border-right-color,border-bottom-color, orborder-left-colorproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 469 | border-block-start-style | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-block-start-styleCSS 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 theborder-top-style,border-right-style,border-bottom-style, orborder-left-styleproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 470 | border-block-start-width | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The border-block-start-widthCSS 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 theborder-top-width,border-right-width,border-bottom-width, orborder-left-widthproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 471 | border-bottom | CSS, CSS Borders, CSS Property, Reference | 
| The border-bottomCSS property is a shorthand that sets the values ofborder-bottom-color,border-bottom-style, andborder-bottom-width. These properties describe an element's bottomborder. | ||
| 472 | border-bottom-color | CSS, CSS Borders, CSS Property, Reference | 
| The border-bottom-colorCSS property sets the color of an element's bottomborder. Note that in many cases the shorthand CSS propertiesborder-colororborder-bottomare more convenient and preferable. | ||
| 473 | border-bottom-left-radius | CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The border-bottom-left-radiusCSS property sets the rounding of the bottom-left corner of the element. | ||
| 474 | border-bottom-right-radius | CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The border-bottom-right-radiusCSS property sets the rounding of the bottom-right corner of the element. | ||
| 475 | border-bottom-style | CSS, CSS Borders, CSS Property, Reference | 
| The border-bottom-styleCSS property sets the line style of the bottom border of a box. | ||
| 476 | border-bottom-width | CSS, CSS Borders, CSS Property, Reference | 
| The border-bottom-widthCSS property sets the width of the bottom border of a box. | ||
| 477 | border-collapse | CSS, CSS Borders, CSS Property, CSS Tables, Reference | 
| The border-collapseCSS property specifies whether a table's borders are separated or collapsed. In the separated-border model, adjacent cells each have their own distinct borders. In the collapsed-border model, adjacent cells share borders. | ||
| 478 | border-color | CSS, CSS Borders, CSS Property, Reference | 
| The border-colorCSS 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 | ||
| 479 | border-image | CSS, CSS Borders, CSS Property, Reference | 
| The border-imageCSS 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. Theborder-imageis used instead of the border styles given by theborder-styleproperties. | ||
| 480 | border-image-outset | CSS, CSS Borders, CSS Property, NeedsExample, Reference | 
| The border-image-outsetproperty describes by what amount the border image area extends beyond the border box. | ||
| 481 | border-image-repeat | CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The border-image-repeatCSS 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. | ||
| 482 | border-image-slice | CSS, CSS Borders, CSS Property, NeedsExample, Reference | 
| The border-image-sliceCSS property divides the image specified byborder-image-sourcein nine regions: the four corners, the four edges and the middle. | ||
| 483 | border-image-source | CSS, CSS Borders, CSS Property, Reference | 
| The border-image-sourceCSS property defines the<image>to use instead of the style of the border. If this property is set tonone, the style defined byborder-styleis used instead. | ||
| 484 | border-image-width | CSS, CSS Borders, CSS Property, Reference | 
| The border-image-widthCSS property defines the width of the border image by defining inward offsets from the border edges. If theborder-image-widthis greater than theborder-width, then the border image extends beyond the padding (and/or content) edge. | ||
| 485 | border-inline-end | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-inline-endCSS 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-endcan 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 theborder-top,border-right,border-bottom, orborder-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 486 | border-inline-end-color | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The border-inline-end-colorCSS 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 theborder-top-color,border-right-color,border-bottom-color, orborder-left-colorproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 487 | border-inline-end-style | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-inline-end-styleCSS 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. | ||
| 488 | border-inline-end-width | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-inline-end-widthCSS 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. | ||
| 489 | border-inline-start | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-inline-startCSS property is a shorthand property for setting the individual logical inline start border property values in a single place in the style sheet. | ||
| 490 | border-inline-start-color | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-inline-start-colorCSS 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 theborder-top-color,border-right-color,border-bottom-color, orborder-left-colorproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 491 | border-inline-start-style | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The border-inline-start-styleCSS 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 theborder-top-style,border-right-style,border-bottom-style, orborder-left-styleproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 492 | border-inline-start-width | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The border-inline-start-widthCSS 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 theborder-top-width,border-right-width,border-bottom-width, orborder-left-widthproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 493 | border-left | CSS, CSS Borders, CSS Property, Reference | 
| The border-leftCSS property is a shorthand that sets the values ofborder-left-color,border-left-style, andborder-left-width. These properties describe an element's leftborder. | ||
| 494 | border-left-color | CSS, CSS Borders, CSS Property, Reference | 
| The border-left-colorCSS property sets the color of an element's leftborder. Note that in many cases the shorthand CSS propertiesborder-colororborder-leftare more convenient and preferable. | ||
| 495 | border-left-style | CSS, CSS Borders, CSS Property, Reference | 
| The border-left-styleCSS property sets the line style of the left border of a box. | ||
| 496 | border-left-width | CSS, CSS Borders, CSS Property, Reference | 
| The border-left-widthCSS property sets the width of the left border of a box. | ||
| 497 | border-radius | CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The border-radiusCSS 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. | ||
| 498 | border-right | CSS, CSS Borders, CSS Property, Reference | 
| The border-rightCSS property is a shorthand that sets the values ofborder-right-color,border-right-style, andborder-right-width. These properties describe an element's rightborder. | ||
| 499 | border-right-color | CSS, CSS Borders, CSS Property, Reference | 
| The border-right-colorCSS property sets the color of an element's rightborder. Note that in many cases the shorthand CSS propertiesborder-colororborder-rightare more convenient and preferable. | ||
| 500 | border-right-style | CSS, CSS Borders, CSS Property, Reference | 
| The border-right-styleCSS property sets the line style of the right border of a box. | ||
| 501 | border-right-width | CSS, CSS Borders, CSS Property, Reference | 
| The border-right-widthCSS property sets the width of the right border of a box. | ||
| 502 | border-spacing | CSS, CSS Property, CSS Tables, Reference | 
| The border-spacingCSS property specifies the distance between the borders of adjacent<table>cells. This property applies only whenborder-collapseisseparate. | ||
| 503 | border-style | CSS, CSS Borders, CSS Property, Reference | 
| The border-styleproperty is a shorthand property for setting the line style for all four sides of the element´s border. | ||
| 504 | border-top | CSS, CSS Borders, CSS Property, Reference | 
| The border-topCSS property is a shorthand that sets the values ofborder-top-color,border-top-style, andborder-top-width. These properties describe an element's topborder. | ||
| 505 | border-top-color | CSS, CSS Borders, CSS Property, Reference | 
| The border-top-colorCSS property sets the color of an element's topborder. Note that in many cases the shorthand CSS propertiesborder-colororborder-topare more convenient and preferable. | ||
| 506 | border-top-left-radius | CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The border-top-left-radiusCSS property sets the rounding of the top-left corner of the element. | ||
| 507 | border-top-right-radius | CSS, CSS Borders, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The border-top-right-radiusCSS property sets the rounding of the top-right corner of the element. | ||
| 508 | border-top-style | CSS, CSS Borders, CSS Property, Reference | 
| The border-top-styleCSS property sets the line style of the top border of a box. | ||
| 509 | border-top-width | CSS, CSS Borders, CSS Property, Reference | 
| The border-top-widthCSS property sets the width of the top border of a box. | ||
| 510 | border-width | CSS, CSS Borders, CSS Property, Reference | 
| The border-widthproperty is a shorthand property for settingborder-top-width,border-right-width,border-bottom-widthandborder-left-widthof a box at the same place. | ||
| 511 | bottom | CSS, CSS Positioning, CSS Property, Reference | 
| The bottomCSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements. | ||
| 512 | box-align | CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate, Non-standard, Reference | 
| See Flexbox for more information. | ||
| 513 | box-decoration-break | CSS, CSS Fragmentation, CSS Property, Experimental, Reference | 
| The box-decoration-breakCSS property specifies how thebackground,padding,border,border-image,box-shadow,marginandclipof 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. | ||
| 514 | box-direction | CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, NeedsUpdate, Reference | 
| The CSS box-directionproperty 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. | ||
| 515 | box-flex | CSS, CSS Property, CSS Reference, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard | 
| See Flexbox for more information on what you should be using instead of this property. | ||
| 516 | box-flex-group | CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| See Flexbox for more information. | ||
| 517 | box-lines | CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard | 
| See Flexbox for more information. | ||
| 518 | box-ordinal-group | CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| The CSS box-ordinal-groupproperty assigns the flexbox's child elements to an ordinal group. See Flexbox for more about the properties of flexbox elements. | ||
| 519 | box-orient | CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-Standard, Non-standard, Reference | 
| The CSS box-orientproperty specifies whether an element lays out its contents horizontally or vertically. See Flexbox for more about the properties of flexbox elements. | ||
| 520 | box-pack | CSS, CSS Property, CSS Reference, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard | 
| See Flexbox for more information. | ||
| 521 | box-shadow | CSS, CSS Background, CSS Property, CSS3, Reference | 
| The box-shadowCSS property describes one or more shadow effects as a comma-separated list. | ||
| 522 | box-sizing | CSS, CSS Property, Experimental, Reference | 
| The CSS box-sizingproperty is used to alter the default CSS box model used to calculate width and height of the elements. | ||
| 523 | box-suppress | CSS, CSS Display, CSS Property, Experimental, Graphics, Layout, NeedsExample, Reference, Web | 
| The box-suppressCSS property controls the box generation of an element. | ||
| 524 | break-after | CSS, CSS Fragmentation, CSS Property, NeedsExample, Reference | 
| The break-afterCSS 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. | ||
| 525 | break-before | CSS, CSS Fragmentation, CSS Property, NeedsExample, Reference | 
| The break-beforeCSS property describes the page, column or region break behavior before the generated box. If there is no generated box, the property is ignored. | ||
| 526 | break-inside | CSS, CSS Fragmentation, CSS Property, NeedsExample, Reference | 
| The break-insideCSS property describes how the page, column or region break inside the generated box. If there is no generated box, the property is ignored. | ||
| 527 | 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. Withcalc(), you can perform calculations to determine CSS property values. | ||
| 528 | caption-side | CSS, CSS Property, CSS Tables, Reference | 
| The caption-sideCSS property puts the content of a table's<caption>on the specified side. The values are relative to thewriting-modeof the table. | ||
| 529 | caret-color | CSS, CSS Property, CSS UI, Reference | 
| The caret-colorCSS property specifies the color of the caret, the visible indicator of the insertion point in an element where text and other content can be inserted by the user's typing or editing. | ||
| 530 | clear | CSS, CSS Positioning, CSS Property, Reference | 
| The clearCSS property specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them. Theclearproperty applies to both floating and non-floating elements. | ||
| 531 | clip | CSS, CSS Property, Deprecated, NeedsMobileBrowserCompatibility, Reference | 
| The clipCSS property defines what portion of an element is visible. Theclipproperty applies only to absolutely positioned elements, that is elements withposition:absoluteorposition:fixed. | ||
| 532 | clip-path | CSS, CSS Property, Experimental, Reference, Web | 
| The clip-pathCSS property creates a clipping region that defines what part of an element should be displayed. Those portions that are inside the region are shown, while those outside are hidden. The clipping region is a path specified either as a URL referencing inline or external SVG, or as a shape, such as a circle(). | ||
| 533 | color | CSS, CSS Property, Layout, Reference, Web | 
| The colorCSS property sets the foreground color value of an element's text content and text decorations. It also sets the<currentcolor>value, which may be used as an indirect value on other properties, and is the default for other color properties, such as border-color. | ||
| 534 | column-count | CSS, CSS Multi-columns, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The column-countCSS property describes the number of columns of the element. | ||
| 535 | column-fill | CSS, CSS Multi-columns, CSS Property, NeedsBrowserCompatibility, Reference | 
| The column-fillCSS property controls how contents are partitioned into columns. | ||
| 536 | column-gap | CSS, CSS Multi-columns, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The column-gapCSS property sets the size of the gap between columns for elements which are specified to be displayed as multi-column elements. | ||
| 537 | column-rule | CSS, CSS Multi-columns, CSS Property, NeedsMobileBrowserCompatibility, Property, Reference, column-rule, columns | 
| In multi-column layouts, the column-ruleCSS property specifies a straight line, or "rule", to be drawn between each column. | ||
| 538 | column-rule-color | CSS, CSS Multi-columns, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The column-rule-colorCSS property lets you set the color of the "rule" or line drawn between columns in multi-column layouts. | ||
| 539 | column-rule-style | CSS, CSS Multi-columns, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The column-rule-styleCSS property lets you set the style of the rule drawn between columns in multi-column layouts. | ||
| 540 | column-rule-width | CSS, CSS Multi-columns, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The column-rule-widthCSS property lets you set the width of the rule drawn between columns in multi-column layouts. | ||
| 541 | column-span | CSS, CSS Multi-columns, CSS Property, Reference | 
| The column-spanCSS property makes it possible for an element to span across all columns when its value is set toall. An element that spans more than one column is called a spanning element. | ||
| 542 | column-width | CSS, CSS Multi-columns, CSS Property, Reference | 
| The column-widthCSS property specifies the minimum column width. The number of columns will be the maximum number of columns that can fit without any column having a width less than thecolumn-widthvalue. The actual column width may be smaller than the value ofcolumn-widthif the width of the container is smaller. | ||
| 543 | columns | CSS, CSS Multi-columns, CSS Property, Reference | 
| The columnsCSS property is a shorthand property allowing to set both thecolumn-widthand thecolumn-countproperties at the same time. | ||
| 544 | contain | CSS, CSS Containment, CSS Property, Experimental, Layout, Paint, Reference, Style, Web | 
| The containproperty 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. | ||
| 545 | content | CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The contentCSS property is used with the::beforeand::afterpseudo-elements to generate content in an element. Objects inserted using thecontentproperty are anonymous replaced elements. | ||
| 546 | counter-increment | CSS, CSS List, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The counter-incrementCSS property increases or decreases the value of a CSS counter by a given amount. The counter's value can be reset to an arbitrary number using thecounter-resetCSS property. | ||
| 547 | counter-reset | CSS, CSS List, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The counter-resetCSS property resets a CSS counter to a given value. The counter's value can increased or decreased using thecounter-incrementCSS property. | ||
| 548 | cursor | CSS, CSS Property, Cursor, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference | 
| The cursorCSS property specifies which mouse cursor to display when the mouse pointer is over an element. | ||
| 549 | direction | BiDi, CSS, CSS Property, Reference | 
| The directionCSS property sets the direction of text, table columns, and horizontal overflow. | ||
| 550 | display | CSS, CSS Positioning, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The displayCSS property specifies the type of rendering box used for an element. In HTML, defaultdisplayproperty values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. The default value in XML isinline. | ||
| 551 | display-inside | CSS, CSS Display, CSS Property, Experimental, Graphics, Layout, NeedsExample, Reference, Web | 
| The display-insideCSS property specifies the inner display type of the box generated by an element, dictating how its contents lay out inside the box. | ||
| 552 | display-list | CSS, CSS Display, CSS Property, Experimental, Graphics, Layout, NeedsExample, Reference, Web | 
| The display-listCSS property specifies whether a list marker should be displayed for an element. | ||
| 553 | display-outside | CSS, CSS Display, CSS Property, Experimental, Graphics, Layout, NeedsExample, Reference, Web | 
| The display-outsideCSS property specifies the outer display type of the box generated by an element, dictating how the element participates in its parent formatting context. | ||
| 554 | element | CSS, CSS Function, CSS4-images, Layout, Reference, Web | 
| The element()CSS function defines an<image>value generated from an arbitrary HTML element. This image is live, meaning that if the HTML element is changed, the CSS properties using the resulting value are automatically updated. | ||
| 555 | empty-cells | CSS, CSS Property, CSS Tables, NeedsMobileBrowserCompatibility, Reference | 
| The empty-cellsCSS property specifies how user agents should render borders and backgrounds around<table>cells that have no visible content. | ||
| 556 | filter | CSS, CSS Property, Reference, SVG, SVG Filter, filter | 
| The filterCSS property lets you apply graphical effects like blurring, sharpening, or color shifting to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders. | ||
| 557 | fit-content() | CSS, CSS Function, CSS Grid, Experimental, Layout, Reference, Web | 
| The fit-content()CSS function clamps a given size to an available size according to the formulamin(maximum size, max(minimum size, argument)). | ||
| 558 | flex | CSS, CSS Flexible Boxes, CSS Property, Reference | 
| The flexCSS property specifies how a flex item will grow or shrink so as to fit the space available in its flex container. | ||
| 559 | flex-basis | CSS, CSS Flexible Boxes, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The flex-basisCSS 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 usingbox-sizing. | ||
| 560 | flex-direction | CSS, CSS Flexible Boxes, CSS Property, Reference | 
| The flex-directionCSS property specifies how flex items are placed in the flex container defining the main axis and the direction (normal or reversed). | ||
| 561 | flex-flow | CSS, CSS Flexible Boxes, CSS Property, Reference | 
| The flex-flowCSS property is a shorthand property forflex-directionandflex-wrapindividual properties. | ||
| 562 | flex-grow | CSS, CSS Flexible Boxes, CSS Property, NeedsContent, Reference | 
| The flex-growCSS 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. | ||
| 563 | flex-shrink | CSS, CSS Flexible Boxes, CSS Property, NeedsContent, Reference | 
| The flex-shrinkCSS property specifies the flex shrink factor of a flex item. Flex items will shrink to fill the container according to theflex-shrinknumber, when the default width of flex items is wider than the flex container. | ||
| 564 | flex-wrap | CSS, CSS Flexible Boxes, CSS Property, Reference | 
| The CSS flex-wrapproperty 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. | ||
| 565 | float | CSS, CSS Positioning, CSS Property, Reference | 
| The floatCSS property specifies that an element should be placed along the left or right side of its container, where text and inline elements will wrap around it. Then the element is taken from the normal flow of the web page, though still remaining a part of the flow, contrary to absolute positioning. | ||
| 566 | font | CSS, CSS Fonts, CSS Property, Reference | 
| The fontCSS property is either a shorthand property for settingfont-style,font-variant,font-weight,font-size,line-height, andfont-family; or a way to set the element's font to a system font, using specific keywords. | ||
| 567 | font-family | CSS, CSS Fonts, CSS Property, Reference | 
| The font-familyCSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element. | ||
| 568 | font-feature-settings | CSS, CSS Fonts, CSS Property, Reference | 
| The font-feature-settingsCSS property gives you control over advanced typographic features in OpenType fonts. | ||
| 569 | font-kerning | CSS, CSS Fonts, CSS Property, Property, Reference | 
| The font-kerningCSS 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. | ||
| 570 | font-language-override | CSS, CSS Fonts, CSS Property, Reference | 
| The font-language-overrideCSS property controls the usage of language-specific glyphs in a typeface. | ||
| 571 | font-size | CSS, CSS Fonts, CSS Property, Reference | 
| The font-sizeCSS property specifies the size of the font . Setting the font size may change the size of other items, since it is used to compute the value of theemandex<length>units. | ||
| 572 | font-size-adjust | CSS, CSS Fonts, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The font-size-adjustCSS 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. | ||
| 573 | font-smooth | CSS, CSS Reference | 
| The font-smoothCSS property controls the application of anti-aliasing when fonts are rendered. | ||
| 574 | font-stretch | CSS, CSS Fonts, CSS Property, Reference | 
| The font-stretchproperty selects a normal, condensed, or expanded face from a font. | ||
| 575 | font-style | CSS, CSS Fonts, CSS Property, Reference, Web, font | 
| The font-styleCSS property specifies whether a font should be styled with a normal, italic, or oblique face from itsfont-family. | ||
| 576 | font-synthesis | CSS, CSS Fonts, CSS Property, Reference | 
| The font-synthesisCSS property controls which missing typefaces, bold or italic, may be synthesized by the browser. | ||
| 577 | font-variant | CSS, CSS Fonts, CSS Property, Reference | 
| The font-variant CSS property is a shorthand for the longhand properties font-variant-caps,font-variant-numeric,font-variant-alternates,font-variant-ligatures, andfont-variant-east-asian. You can also set the CSS Level 2 (Revision 1) values offont-variant, (that is,normalorsmall-caps), by using thefontshorthand. | ||
| 578 | font-variant-alternates | CSS, CSS Fonts, CSS Property, Reference | 
| The font-variant-alternatesCSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in@font-feature-values. | ||
| 579 | font-variant-caps | CSS, CSS Fonts, CSS Property, Reference | 
| The font-variant-capsCSS property controls the usage of alternate glyphs for capital letters. | ||
| 580 | font-variant-east-asian | CSS, CSS Fonts, CSS Property, NeedsLiveSample, Reference | 
| The font-variant-east-asianCSS property controls the usage of alternate glyphs for East Asian scripts, like Japanese and Chinese. | ||
| 581 | font-variant-ligatures | CSS, CSS Fonts, CSS Property, CSS Reference, NeedsLiveSample, Reference | 
| The font-variant-ligaturesCSS 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. | ||
| 582 | font-variant-numeric | CSS, CSS Fonts, CSS Property, Reference | 
| The font-variant-numericCSS property controls the usage of alternate glyphs for numbers, fractions, and ordinal markers. | ||
| 583 | font-variant-position | CSS, CSS Fonts, CSS Property, Reference | 
| The font-variant-positionCSS property controls the usage of alternate, smaller glyphs that are positioned as superscript or subscript relative to the baseline of the font (which remains unchanged). These glyphs are likely to be used in<sub>and<sup>elements. | ||
| 584 | font-variation-settings | CSS, CSS Fonts, CSS Property, Needs, NeedsBrowserCompatibility, NeedsExample, Reference | 
| The font-variation-settingsCSS property provides low-level control over OpenType or TrueType font typographic features, by specifying the four letter axis names of the features you want to vary, along with their variation values. | ||
| 585 | font-weight | CSS, CSS Fonts, CSS Property, Reference | 
| The font-weightCSS property specifies the weight (or boldness) of the font. The font weights available to you will depend on thefont-familyyou are using. Some fonts are only available innormalandbold. | ||
| 586 | grid | CSS, CSS Grid, CSS Property, Reference | 
| The gridCSS property is a shorthand property that sets all of the explicit grid properties (grid-template-rows,grid-template-columns, andgrid-template-areas), all the implicit grid properties (grid-auto-rows,grid-auto-columns, andgrid-auto-flow), and the gutter properties (grid-column-gapandgrid-row-gap) in a single declaration. | ||
| 587 | grid-area | CSS, CSS Grid, CSS Property, Reference | 
| The grid-areaCSS property is a shorthand property forgrid-row-start,grid-column-start,grid-row-endandgrid-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. | ||
| 588 | grid-auto-columns | CSS, CSS Grid, CSS Property, Experimental, Reference | 
| The grid-auto-columnsCSS property specifies the size of an implicitly-created grid column track. | ||
| 589 | grid-auto-flow | CSS, CSS Grid, CSS Property, Reference | 
| The grid-auto-flowCSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid. | ||
| 590 | grid-auto-rows | CSS, CSS Grid, CSS Property, Reference | 
| The grid-auto-rowsCSS property specifies the size of an implicitly-created grid row track. | ||
| 591 | grid-column | CSS, CSS Grid, CSS Property, Reference | 
| The grid-columnCSS property is a shorthand property forgrid-column-startandgrid-column-endspecifying 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. | ||
| 592 | grid-column-end | CSS, CSS Grid, CSS Property, Reference | 
| The grid-column-endCSS 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. | ||
| 593 | grid-column-gap | CSS, CSS Grid, CSS Property, Reference | 
| The grid-column-gapCSS property specifies the gutter between grid columns. | ||
| 594 | grid-column-start | CSS, CSS Grid, CSS Property, Reference | 
| The grid-column-startCSS property specifies a grid item’s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area. | ||
| 595 | grid-gap | CSS, CSS Grid, CSS Property, Reference | 
| The grid-gapCSS property is a shorthand property forgrid-row-gapandgrid-column-gapspecifying the gutters between grid rows and columns. | ||
| 596 | grid-row | CSS, CSS Grid, CSS Property, Reference | 
| The grid-rowCSS property is a shorthand property forgrid-row-startandgrid-row-endspecifying 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. | ||
| 597 | grid-row-end | CSS, CSS Grid, CSS Property, Reference | 
| The grid-row-endCSS 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. | ||
| 598 | grid-row-gap | CSS, CSS Grid, CSS Property, Reference | 
| The grid-row-gapCSS property specifies the gutter between grid rows. | ||
| 599 | grid-row-start | CSS, CSS Grid, CSS Property, Reference | 
| The grid-row-startCSS 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. | ||
| 600 | grid-template | CSS, CSS Grid, CSS Property, Reference | 
| The grid-templateCSS property is a shorthand property for defining grid columns, rows and areas. | ||
| 601 | grid-template-areas | CSS, CSS Grid, CSS Property, Reference | 
| The grid-template-areasCSS property specifies named grid areas. | ||
| 602 | grid-template-columns | CSS, CSS Grid, CSS Property, Reference | 
| The grid-template-columnsCSS property defines the line names and track sizing functions of the grid columns. | ||
| 603 | grid-template-rows | CSS, CSS Grid, CSS Property, Reference | 
| The grid-template-rowsCSS property defines the line names and track sizing functions of the grid rows. | ||
| 604 | hanging-punctuation | CSS, CSS Property, CSS Text, Reference | 
| The hanging-punctuationproperty specifies whether a punctuation mark, at the start or end of a line of text, hangs and may be placed outside the line box. | ||
| 605 | height | CSS, CSS Property, Reference | 
| The heightCSS property specifies the height of the content area of an element. The content area is inside the padding, border, and margin of the element. | ||
| 606 | hyphens | CSS, CSS Property, CSS Text, Reference | 
| The hyphensCSS property specifies how words should be hyphenated when text wraps across multiple lines. You can prevent hyphenation entirely, use hyphenation in manually-specified points within the text, or let the browser automatically insert hyphens where appropriate. | ||
| 607 | image-orientation | CSS, CSS Image, CSS Property, Experimental, Reference | 
| The image-orientationCSS property describes how to correct the default orientation of an image. | ||
| 608 | image-rendering | CSS, CSS Image, CSS Property, Experimental, NeedsMobileBrowserCompatibility, Reference, SVG | 
| The image-renderingCSS property provides a hint to the browser about the algorithm it should use to scale images. | ||
| 609 | ime-mode | CSS, CSS Property, NeedsMobileBrowserCompatibility | 
| The ime-modeCSS property controls the state of the input method editor for text fields. | ||
| 610 | inherit | CSS, CSS Cascade, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The inheritCSS keyword causes the element for which it is specified to take the computed value of the property from its parent element. It can be applied to any CSS property, including the CSS shorthandall. | ||
| 611 | inheritance | CSS, Guide, Reference, Web | 
| In CSS, inheritance controls what happens when no value is specified for a property on an element. Refer to any CSS property definition to see whether a specific property inherits by default ("Inherited: yes") or not ("Inherited: no"). | ||
| 612 | initial | CSS, CSS Cascade, Layout, Reference, Web | 
| The initialCSS keyword applies the initial value of a property to an element. It can be applied to any CSS property, including the CSS shorthandall. | ||
| 613 | initial-letter | CSS, CSS Inline, CSS Property, Experimental, Graphics, Layout, Reference, Web | 
| The initial-letterCSS property specifies styling for dropped, raised, and sunken initial letters. | ||
| 614 | initial-letter-align | CSS, CSS Property, Experimental, Graphics, Layout, NeedsExample, NeedsLiveSample, Property, Reference, Web | 
| The initial-letter-alignCSS property specifies the alignment of initial letters within a paragraph. | ||
| 615 | inline-size | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The inline-sizeCSS property defines the horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either thewidthor theheightproperty, depending on the value ofwriting-mode. | ||
| 616 | isolation | CSS, CSS Compositing, CSS Property | 
| The isolationCSS property defines if the element must create a new stacking context. | ||
| 617 | justify-content | CSS, CSS Box Alignment, CSS Property, Reference | 
| The CSS justify-contentproperty defines how the browser distributes space between and around content items along the main axis of their container. | ||
| 618 | justify-items | CSS, CSS Box Alignment, CSS Property, Reference | 
| The CSS justify-itemsproperty defines the defaultjustify-selffor all items of the box, given them the default way of justifying each box along the appropriate axis. | ||
| 619 | justify-self | CSS, CSS Box Alignment, CSS Property, Reference | 
| The CSS justify-selfproperty defines the way of justifying a box inside its container along the appropriate axis. | ||
| 620 | left | CSS, CSS Positioning, CSS Property, Reference | 
| The leftCSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements. | ||
| 621 | letter-spacing | CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference, SVG | 
| The letter-spacingCSS property specifies the spacing behavior between text characters. | ||
| 622 | line-break | CSS, CSS Property, CSS Text, NeedsExample, Property, Reference | 
| The line-breakCSS property is used to specify how (or if) to break lines when working with punctuation and symbols. | ||
| 623 | line-height | CSS, CSS Fonts, CSS Property, Reference | 
| The line-heightCSS property sets the amount of space used for lines, such as in text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height. | ||
| 624 | linear-gradient() | CSS, CSS Function, CSS Image, Graphics, Layout, NeedsNewCompatTable, Reference, Web | 
| The linear-gradient()CSS function creates a linear, progressive transition between two or more colors. Its result is an object of the<gradient>data type, which is a special kind of<image>. | ||
| 625 | list-style | CSS, CSS List, CSS Property, Reference | 
| The list-styleCSS property is a shorthand for setting the individual values that define how a list is displayed:list-style-type,list-style-image, andlist-style-position. | ||
| 626 | list-style-image | CSS, CSS List, CSS Property, Reference | 
| The list-style-imageproperty specifies an image to be used as the list item marker. It is often more convenient to use the shorthandlist-style. | ||
| 627 | list-style-position | CSS, CSS List, CSS Property, Reference | 
| The list-style-positionproperty specifies the position of the marker box in the principal block box. | ||
| 628 | list-style-type | CSS, CSS List, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The list-style-typeproperty specifies the appearance of a list item element. | ||
| 629 | margin | CSS, CSS Property, Reference | 
| The marginCSS property sets the margin area on all four sides of an element. It is a shorthand that sets all individual margins at once:margin-top,margin-right,margin-bottom, andmargin-left. | ||
| 630 | margin-block-end | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The margin-block-endCSS 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. | ||
| 631 | margin-block-start | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The margin-block-startCSS 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. | ||
| 632 | margin-bottom | CSS, CSS Property, Reference | 
| The margin-bottomCSS property sets the margin area on the bottom of an element. A positive value will place it farther than normal from its neighbors, while a negative value will place it closer. | ||
| 633 | margin-inline-end | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The margin-inline-endCSS 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 themargin-top,margin-right,margin-bottomormargin-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 634 | margin-inline-start | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The margin-inline-startCSS 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 themargin-top,margin-right,margin-bottom, ormargin-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 635 | margin-left | CSS, CSS Property, Layout, Reference | 
| The margin-leftCSS property sets the margin area on the left side of an element. A positive value will place it farther than normal from its neighbors, while a negative value will place it closer. | ||
| 636 | margin-right | CSS, CSS Property, Reference | 
| The margin-rightCSS property sets the margin area on the right side of an element. A positive value will place it farther than normal from its neighbors, while a negative value will place it closer. | ||
| 637 | margin-top | CSS, CSS Property, Reference | 
| The margin-topCSS property sets the margin area on the top of an element. A positive value will place it farther than normal from its neighbors, while a negative value will place it closer. | ||
| 638 | marker-offset | CSS, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility | 
| The marker-offsetCSS property describes the distance between the nearest border edges of a marker-box and the target node. | ||
| 639 | mask | CSS, CSS Masks, CSS Property, Layout, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, SVG, Web | 
| The maskCSS property alters the visibility of an element by either partially or fully hiding it. This is accomplished by either masking or clipping the image at specific points. | ||
| 640 | mask-clip | CSS, CSS Masks, CSS Property, Experimental, Reference | 
| The mask-clipCSS property determines the area, which is affected by a mask. The painted content of an element must be restricted to this area. | ||
| 641 | mask-composite | CSS, CSS Masks, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| The mask-compositeCSS property represents a compositing operation used on the current mask layer with the mask layers below it. | ||
| 642 | mask-image | CSS, CSS Masks, CSS Property, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference | 
| The mask-imageCSS property sets the image that is used as mask layer for an element. | ||
| 643 | mask-mode | CSS, CSS Masks, CSS Property, Non-standard, Reference | 
| The mask-modeCSS property indicates whether the mask reference defined bymask-imageis treated as a luminance or alpha mask. | ||
| 644 | mask-origin | CSS, CSS Masks, CSS Property, Reference | 
| The mask-originCSS property determines the origin of a mask. | ||
| 645 | mask-position | CSS, CSS Masks, CSS Property, Experimental, Reference | 
| The mask-positionCSS property sets the initial position, relative to the mask position layer defined bymask-originfor each defined mask image. | ||
| 646 | mask-repeat | CSS, CSS Masks, CSS Property, Experimental, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference | 
| The mask-repeatCSS 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. | ||
| 647 | mask-size | CSS, CSS Masks, CSS Property, Experimental, Reference | 
| The mask-sizeCSS 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. | ||
| 648 | mask-type | CSS, CSS Masks, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference, SVG | 
| The CSS mask-typeproperty defines if a mask defined by an SVG <mask> element is used as a luminance or an alpha mask.  It applies to the <mask> element.  It may be overridden by the mask-mode property which has the same effect, but applies to the element where the mask is used. Alpha masks will generally be faster to render. | ||
| 649 | max-block-size | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The max-block-sizeCSS property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to themax-widthor themax-heightproperty, depending on the value defined forwriting-mode. If the writing mode is vertically oriented, the value ofmax-block-sizerelates to the maximal width of the element, otherwise it relates to the maximal height of the element. It relates tomax-inline-size, which defines the other dimension of the element. | ||
| 650 | max-height | CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The max-heightCSS property is used to set the maximum height of an element. It prevents the used value of theheightproperty from becoming larger than the value specified formax-height. | ||
| 651 | max-inline-size | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The max-inline-sizeCSS property defines the horizontal or vertical maximal size of an element's block depending on its writing mode. It corresponds to themax-widthor themax-heightproperty depending on the value defined forwriting-mode. If the writing mode is vertically oriented, the value ofmax-inline-sizerelates to the maximal height of the element, otherwise it relates to the maximal width of the element. It relates tomax-block-size, which defines the other dimension of the element. | ||
| 652 | max-width | CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The max-widthCSS property is used to set the maximum width of an element. It prevents the used value of thewidthproperty from becoming larger than the value specified bymax-width. | ||
| 653 | min-block-size | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The min-block-sizeCSS property defines the minimum horizontal or vertical size of an element's block, depending on its writing mode. It corresponds to either themin-widthor themin-heightproperty, depending on the value ofwriting-mode. | ||
| 654 | min-height | CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The min-heightCSS property is used to set the minimum height of an element. It prevents the used value of theheightproperty from becoming smaller than the value specified formin-height. | ||
| 655 | min-inline-size | CSS, CSS Logical Property, CSS Property, Experimental, Reference | 
| The min-inline-sizeCSS property defines the horizontal or vertical minimal size of an element's block, depending on its writing mode. It corresponds to either themin-widthor themin-heightproperty, depending on the value ofwriting-mode. | ||
| 656 | min-width | CSS, CSS Property, Reference | 
| The min-widthCSS property is used to set the minimum width of an element. It prevents the used value of thewidthproperty from becoming smaller than the value specified formin-width. | ||
| 657 | 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 andminmax(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. | ||
| 658 | mix-blend-mode | CSS, CSS Compositing, CSS Property | 
| The mix-blend-modeCSS property describes how an element's content should blend with the content of the element's direct parent and the element's background. | ||
| 659 | object-fit | CSS, CSS Image, CSS Property, Reference, polyfill | 
| The object-fitCSS property specifies how a replaced element, such as an<img>or<video>, should be resized to fit its container. | ||
| 660 | object-position | CSS, CSS Image, CSS Property, Reference, object-position | 
| The object-positionCSS property determines the alignment of the selected element inside its box. | ||
| 661 | offset | CSS, CSS Motion, CSS Property, Draft, Experimental, NeedsContent, NeedsLiveSample, Reference | 
| The offsetCSS property is a shorthand property for animating an element along a defined path. | ||
| 662 | offset-block-end | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The offset-block-endCSS 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 thetop,right,bottom, orleftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 663 | offset-block-start | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The offset-block-startCSS 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 thetop,right,bottom, orleftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 664 | offset-distance | CSS, Draft, NeedsContent, NeedsLiveSample, Reference, motion-offset, offset-distance | 
| The offset-distanceCSS property specifies a position along anoffset-path. | ||
| 665 | offset-inline-end | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The offset-inline-endCSS 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 thetop,right,bottom, orleftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 666 | offset-inline-start | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The offset-inline-startCSS 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 thetop,right,bottom, orleftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 667 | offset-path | CSS, Reference, motion-path, offset-path | 
| The offset-pathCSS property specifies the offset path where the element gets positioned. The exact element’s position on the offset path is determined by theoffset-distanceproperty. An offset path is either a specified path with one or multiple sub-paths or the geometry of a not-styled basic shape. Each shape or path must define an initial position for the computed value of "0" foroffset-distanceand an initial direction which specifies the rotation of the object to the initial position. | ||
| 668 | offset-rotate | Draft, NeedsContent, NeedsLiveSample | 
| The offset-rotateCSS property defines the direction of the element while positioning along the offset path. | ||
| 669 | opacity | CSS, CSS Property, CSS3, Experimental, Reference, css3-color | 
| The opacityCSS property specifies the level of transparency of an element, that is, the degree to which the content behind the element is visible. | ||
| 670 | order | CSS, CSS Flexible Boxes, CSS Property, Reference | 
| The CSS orderproperty specifies the order used to lay out flex items in their flex container. Elements are laid out in the ascending order of theordervalue. Elements with the sameordervalue are laid out in the order in which they appear in the source code. | ||
| 671 | orphans | CSS, CSS Fragmentation, CSS Property, Reference | 
| The orphansCSS 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. | ||
| 672 | outline | CSS, CSS Outline, CSS Property, Layout, Reference | 
| The outlineCSS property is a shorthand property for setting one or more of the individual outline propertiesoutline-style,outline-width, andoutline-colorin a single declaration. | ||
| 673 | outline-color | CSS, CSS Outline, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The outline-colorCSS property sets the color of an element's outline. An outline is a line that is drawn around an element, outside theborder. | ||
| 674 | outline-offset | CSS, CSS Outline, CSS Property, Reference | 
| The outline-offsetCSS property sets the amount of space between anoutlineand the edge or border of an element. An outline is a line that is drawn around an element, outside the border edge. The space between an element and its outline is transparent; in other words, it is the same as the parent element's background. | ||
| 675 | outline-style | CSS, CSS Outline, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference | 
| The outline-styleCSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside theborder. | ||
| 676 | outline-width | CSS, CSS Outline, CSS Property, Layout, Reference | 
| The outline-widthCSS property sets the width (thickness) of an element's outline. An outline is a line that is drawn around an element, outside theborder. | ||
| 677 | overflow | CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The overflowCSS property specifies whether to clip content, show scrollbars, or display overflowing content when it is too large for its block-level container. | ||
| 678 | overflow-clip-box | CSS, CSS Property, CSS Reference, Non-standard, Reference, Web | 
| The overflow-clip-boxCSS property specifies relative to which box the clipping happens when there is an overflow. | ||
| 679 | overflow-wrap | CSS, CSS Property, Reference | 
| The overflow-wrapCSS property specifies whether or not the browser should insert line breaks within words to prevent text from overflowing its content box. In contrast toword-break,overflow-wrapwill only create a break if an entire word cannot be placed on its own line without overflowing. | ||
| 680 | overflow-x | CSS, CSS Box Model, CSS Property, Experimental, Reference | 
| The overflow-xproperty 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. | ||
| 681 | overflow-y | CSS, CSS Box Model, CSS Property, Experimental, Reference | 
| The overflow-yproperty 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. | ||
| 682 | padding | CSS, CSS Padding, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The paddingCSS property sets the padding area on all four sides of an element. It is a shorthand that sets all individual paddings at once:padding-top,padding-right,padding-bottom, andpadding-left. | ||
| 683 | padding-block-end | CSS, CSS Logical Property, CSS Padding, CSS Property, Experimental, NeedsContent, Reference | 
| The padding-block-endCSS 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 thepadding-top,padding-right,padding-bottom, orpadding-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 684 | padding-block-start | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The padding-block-startCSS 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 thepadding-top,padding-right,padding-bottom, orpadding-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 685 | padding-bottom | CSS, CSS Padding, CSS Property, Reference | 
| The padding-bottomCSS property sets the height of the padding area on the bottom of an element. The padding area is the space between the element's content and its border. Unlike margins, negative values are not allowed for padding. Thepaddingshorthand property can be used to set paddings on all four sides of an element with a single declaration. | ||
| 686 | padding-inline-end | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The padding-inline-endCSS 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 thepadding-top,padding-right,padding-bottom, orpadding-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 687 | padding-inline-start | CSS, CSS Logical Property, CSS Property, Experimental, NeedsContent, Reference | 
| The padding-inline-startCSS 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 thepadding-top,padding-right,padding-bottom, orpadding-leftproperty depending on the values defined forwriting-mode,direction, andtext-orientation. | ||
| 688 | padding-left | CSS, CSS Padding, CSS Property, Reference | 
| The padding-leftCSS property sets the width of the padding area on the left side of an element. The padding area is the space between the element's content and its border. Unlike margins, negative values are not allowed for padding. Thepaddingshorthand property can be used to set paddings on all four sides of an element with a single declaration. | ||
| 689 | padding-right | CSS, CSS Padding, CSS Property, Reference | 
| The padding-rightCSS property sets the width of the padding area on the right side of an element. The padding area is the space between the element's content and its border. Unlike margins, negative values are not allowed for padding. Thepaddingshorthand property can be used to set paddings on all four sides of an element with a single declaration. | ||
| 690 | padding-top | CSS, CSS Padding, CSS Property, Reference | 
| The padding-topCSS property sets the height of the padding area on the top of an element. The padding area is the space between the element's content and its border. Unlike margins, negative values are not allowed for padding. Thepaddingshorthand property can be used to set paddings on all four sides of an element with a single declaration. | ||
| 691 | page-break-after | CSS, CSS Property, Page Breaks, Reference | 
| The page-break-afterCSS property adjusts page breaks after the current element. | ||
| 692 | page-break-before | CSS, CSS Property, Page Breaks, Reference | 
| The page-break-beforeCSS property adjusts page breaks before the current element. | ||
| 693 | page-break-inside | CSS, CSS Property, Page Breaks, Reference | 
| The page-break-insideCSS property adjusts page breaks inside the current element. | ||
| 694 | perspective | CSS, CSS Property, CSS Transforms, Experimental, Reference | 
| The perspectiveCSS 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. | ||
| 695 | perspective-origin | CSS, CSS Property, CSS Transforms, Experimental, Reference | 
| The perspective-originCSS property determines the position at which the viewer is looking. It is used as the vanishing point by theperspectiveproperty. | ||
| 696 | place-content | CSS, CSS Box Alignment, Property, Reference, shorthand | 
| The CSS place-contentshorthand property sets both thealign-contentandjustify-contentproperties. The first value is thealign-contentproperty value, the second thejustify-contentone. If the second value is not present, the first value is also used for it. | ||
| 697 | place-items | CSS, CSS Flexible Boxes, CSS Grid, CSS Property, Reference | 
| The CSS place-itemsshorthand property sets both thealign-itemsandjustify-itemsproperties. The first value is thealign-itemsproperty value, the second thejustify-itemsone. If the second value is not present, the first value is also used for it. | ||
| 698 | place-self | CSS, CSS Box Alignment, CSS Propriety, Reference | 
| The place-selfCSS property shorthand property sets both thealign-selfandjustify-selfproperties. The first value is thealign-selfproperty value, the second thejustify-selfone. If the second value is not present, the first value is also used for it. | ||
| 699 | pointer-events | CSS, CSS Property, NeedsExample, NeedsMobileBrowserCompatibility, Reference, SVG | 
| The pointer-eventsCSS property specifies under what circumstances (if any) a particular graphic element can become the target of mouse events. | ||
| 700 | position | CSS, CSS Property, Positioning, Property, Reference | 
| The positionCSS property specifies how an element is positioned in a document. Thetop,right,bottom, andleftproperties determine the final location of positioned elements. | ||
| 701 | quotes | CSS, CSS Property, Layout, Reference, Web | 
| The quotesCSS property indicates how user agents should render quotation marks. | ||
| 702 | radial-gradient() | CSS, CSS Function, CSS Image, Graphics, Layout, Reference, Web | 
| The radial-gradient()CSS function creates an<image>which represents a progressive transition between two or more colors radiating from an origin (the center of the gradient). Its shape may be a circle or an ellipse. | ||
| 703 | repeat() | CSS, CSS Function, CSS Grid, Layout, NeedsMobileBrowserCompatibility, Reference, Web | 
| The repeat()CSS function represents a repeated fragment of the track list, allowing a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form. | ||
| 704 | repeating-linear-gradient() | CSS, CSS Function, CSS Image, Graphics, Layout, Reference, Web | 
| The repeating-linear-gradient()CSS function creates an<image>consisting of repeating linear gradients. It is similar tolinear-gradient()and takes the same arguments, but it repeats the color stops infinitely in all directions so as to cover its entire container. The function's result is an object of the<gradient>data type, which is a special kind of<image>. | ||
| 705 | repeating-radial-gradient() | CSS, CSS Function, CSS Image, Graphics, Layout, NeedsBrowserCompatibility, Reference, Web | 
| The repeating-radial-gradient()CSS function creates an<image>consisting of repeating gradients radiating from an origin. It is similar toradial-gradient()and takes the same arguments, but it repeats the color stops infinitely in all directions so as to cover its entire container. The function's result is an object of the<gradient>data type, which is a special kind of<image>. | ||
| 706 | resize | CSS, CSS Property, Reference | 
| The resizeCSS sets whether an element is resizable, and if so, in which direction(s). | ||
| 707 | revert | CSS, CSS Cascade, Layout, NeedsExample, Reference, Web | 
| The revertCSS keyword rolls back the cascade so that a property takes on the value it would have had if there were no styles in the current style origin (author, user, or user-agent). Thus, it resets the property to the default value established by the user-agent stylesheet (or by user styles, if any exist). It can be applied to any CSS property, including the CSS shorthandall. | ||
| 708 | right | CSS, CSS Positioning, CSS Property, Layout, Reference, Web | 
| The rightCSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements. | ||
| 709 | ruby-align | CSS, CSS Reference, CSS Ruby, Property, Reference | 
| The ruby-alignCSS property defines the distribution of the different ruby elements over the base. | ||
| 710 | ruby-position | CSS, CSS Ruby, Property, Reference | 
| The ruby-positionCSS 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). | ||
| 711 | scroll-behavior | CSS, CSS Property, CSSOM View, Reference | 
| The scroll-behaviorCSS 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. | ||
| 712 | scroll-snap-coordinate | CSS, CSS Property, CSS Scroll Snap Points, Experimental, Reference | 
| The scroll-snap-coordinateCSS property defines the positions in x and y coordinates within the element which will align with the nearest ancestor scroll container'sscroll-snap-destinationfor the respective axis. | ||
| 713 | scroll-snap-destination | CSS, CSS Property, CSS Scroll Snap Points, Experimental, Reference | 
| The scroll-snap-destinationCSS property defines the position in x and y coordinates within the scroll container's visual viewport which element snap points align with. | ||
| 714 | scroll-snap-points-x | CSS, CSS Property, CSS Scroll Snap Points, Deprecated, Reference | 
| The scroll-snap-points-xCSS property defines the horizontal positioning of snap points within the content of the scroll container they are applied to. | ||
| 715 | scroll-snap-points-y | CSS, CSS Property, CSS Scroll Snap Points, Deprecated, Reference | 
| The scroll-snap-points-yCSS property defines the vertical positioning of snap points within the content of the scroll container they are applied to. | ||
| 716 | scroll-snap-type | CSS, CSS Property, CSS Scroll Snap Points, Experimental, Reference | 
| The scroll-snap-typeCSS property defines how strictly snap points are enforced on the scroll container in case there is one. | ||
| 717 | scroll-snap-type-x | CSS, CSS Property, CSS Scroll Snap Points, NeedsExample, Non-standard, Reference | 
| The scroll-snap-type-xCSS property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one. | ||
| 718 | scroll-snap-type-y | CSS, CSS Property, CSS Scroll Snap Points, NeedsExample, Non-standard, Reference | 
| The scroll-snap-type-yCSS property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one. | ||
| 719 | shape-image-threshold | CSS, CSS Property, CSS Shapes, Experimental, Property, Reference | 
| The shape-image-thresholdCSS property defines the alpha channel threshold used to extract the shape using an image as the value forshape-outside. | ||
| 720 | shape-margin | CSS, CSS Property, CSS Shapes, Experimental, Reference | 
| The shape-marginCSS property adds a margin toshape-outside. | ||
| 721 | shape-outside | CSS, CSS Property, CSS Shapes, Property, Reference | 
| The shape-outsideCSS 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. | ||
| 722 | specified value | CSS, CSS Reference | 
| The specified value of a CSS property is set in one out of three ways. | ||
| 723 | symbols() | CSS, CSS Counter Styles, Reference | 
| The symbols()CSS function lets you define counter styles inline, directly as the value of a property such aslist-style. Unlike@counter-style,symbols()is anonymous (i.e., it can only be used once). Although less powerful, it is shorter and easier to write than@counter-style. | ||
| 724 | tab-size | CSS, CSS Property, Experimental, Reference | 
| The tab-sizeCSS property is used to customize the width of a tab (U+0009) character. | ||
| 725 | table-layout | CSS, CSS Property, CSS Tables, NeedsMobileBrowserCompatibility, Reference | 
| The table-layoutCSS property specifies the algorithm used to lay out<table>cells, rows, and columns. | ||
| 726 | text-align | CSS, CSS Property, CSS Text, Reference | 
| The text-alignCSS property describes how inline content like text is aligned in its parent block element.text-aligndoes not control the alignment of block elements, only their inline content. | ||
| 727 | text-align-last | CSS, CSS Property, Experimental, Reference | 
| The text-align-lastCSS property describes how the last line of a block or a line, right before a forced line break, is aligned. | ||
| 728 | text-combine-upright | CSS, CSS Property, CSS Writing Modes, Experimental, Reference | 
| The text-combine-uprightCSS 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. | ||
| 729 | text-decoration | CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference | 
| The text-decorationCSS property specifies the appearance of decorative lines used on text. It is a shorthand for setting one or more individual text-decoration values in a single declaration, which includetext-decoration-line,text-decoration-color, andtext-decoration-style. | ||
| 730 | text-decoration-color | CSS, CSS Property, CSS Text, Reference | 
| The text-decoration-colorCSS property sets the color of the lines specified bytext-decoration-line. The color applies to all lines that are specified. When setting multiple line-decoration properties at once, it may be more convenient to use thetext-decorationshorthand property instead. | ||
| 731 | text-decoration-line | CSS, CSS Property, CSS Text, Reference | 
| The text-decoration-lineCSS property sets the kind of decoration that is used on text in an element. When setting multiple line-decoration properties at once, it may be more convenient to use thetext-decorationshorthand property instead. | ||
| 732 | text-decoration-skip | CSS, CSS Property, CSS Text Decoration, Experimental, Layout, Non-standard, Reference, Web | 
| The text-decoration-skipCSS property specifies what parts of the element’s content any text decoration affecting the element must skip over. | ||
| 733 | text-decoration-style | CSS, CSS Property, CSS Text, Layout, Reference | 
| The text-decoration-styleCSS property sets the style of the lines specified bytext-decoration-line. The style applies to all lines that are specified; there is no way to define different styles for each of the lines defined bytext-decoration-line. When setting multiple line-decoration properties at once, it may be more convenient to use thetext-decorationshorthand property instead. | ||
| 734 | text-emphasis | CSS, CSS Property, CSS Reference, CSS Text Decoration, Property, Reference, text-emphasis | 
| The text-emphasisCSS property is a shorthand property for settingtext-emphasis-styleandtext-emphasis-colorin 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. | ||
| 735 | text-emphasis-color | CSS, CSS Text Decoration, Property, Reference | 
| The text-emphasis-colorCSS property defines the color used to draw an emphasis mark. It can also be set, and reset, using thetext-emphasisshorthand. | ||
| 736 | text-emphasis-position | CSS, CSS Text Decoration, Property, Reference | 
| The text-emphasis-positionCSS 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. | ||
| 737 | text-emphasis-style | CSS, CSS Text Decoration, Property, Reference | 
| The text-emphasis-styleCSS property defines the type of emphasis used. It can also be set, and reset, using thetext-emphasisshorthand. | ||
| 738 | text-indent | CSS, CSS Property, CSS Text, Layout, Reference | 
| The text-indentCSS property specifies the amount of indentation (empty space) that is put before lines of text in a block. By default, this controls the indentation of only the first formatted line of the block, but thehangingandeach-linekeywords can be used to change this behavior. | ||
| 739 | text-justify | CSS, CSS Property, CSS Text, Reference, text-justify | 
| The text-justifyCSS property defines what type of justification should be applied to text when it is justified (i.e., whentext-align: justify;is set on it). | ||
| 740 | text-orientation | CSS, CSS Property, CSS Writing Modes, Experimental, Reference | 
| The text-orientationCSS property defines the orientation of the text characters in a line. This property only has an effect in vertical mode, that is, whenwriting-modeis nothorizontal-tb. It is useful for controlling the display of languages that use vertical script, and also for making vertical table headers. | ||
| 741 | text-overflow | CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The text-overflowCSS 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. | ||
| 742 | text-rendering | CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference, SVG | 
| The text-renderingCSS property provides information to the rendering engine about what to optimize for when rendering text. | ||
| 743 | text-shadow | CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Property, Reference | 
| The text-shadowCSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text andtext-decorationsof the element. | ||
| 744 | text-size-adjust | CSS, CSS Mobile Text Size Adjustment, CSS Property, CSS Text, Experimental, NeedsExample, Reference | 
| The text-size-adjustproperty 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. | ||
| 745 | text-transform | CSS, CSS Property, Layout, Property, Reference, Text | 
| The text-transformCSS 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. | ||
| 746 | text-underline-position | CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The text-underline-positionCSS property specifies the position of the underline which is set using thetext-decorationproperty'sunderlinevalue. | ||
| 747 | top | CSS, CSS Positioning, CSS Property, Reference | 
| The topCSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements. | ||
| 748 | touch-action | CSS, CSS Property, NeedsLiveSample, Pointer Events, Reference | 
| The touch-actionCSS property specifies whether, and in what ways, a given region can be manipulated by the user via a touchscreen (for instance, by panning or zooming features built into the browser). | ||
| 749 | transform | CSS, CSS Property, Experimental, NeedsBrowserCompatibility, Property, Reference, Transforms | 
| The CSS transformproperty lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed. | ||
| 750 | transform-box | CSS, CSS Property, CSS Transforms, Experimental, NeedsBrowserCompatibility, NeedsExample, Reference | 
| The transform-boxproperty defines the layout box, to which thetransformandtransform-originproperties relate to. | ||
| 751 | transform-origin | CSS, CSS Property, CSS Transforms, Experimental, Reference | 
| The transform-originproperty lets you modify the origin for transformations of an element. For example, the transform-origin of therotate()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.) | ||
| 752 | transform-style | CSS, CSS Property, CSS Transforms, CSS3, Experimental, Reference | 
| The transform-styleCSS property determines if the children of the element are positioned in the 3D-space or are flattened in the plane of the element. | ||
| 753 | transition | CSS, CSS Property, CSS Transitions, Experimental, Reference | 
| The transitionCSS property is a shorthand property fortransition-property,transition-duration,transition-timing-function, andtransition-delay. | ||
| 754 | transition-delay | CSS, CSS Property, CSS Transitions, Experimental, Reference | 
| The transition-delayCSS 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. | ||
| 755 | transition-duration | CSS, CSS Property, CSS Transitions, Experimental, Reference | 
| The transition-durationCSS property specifies the number of seconds or milliseconds a transition animation should take to complete. By default, the value is0s, meaning that no animation will occur. | ||
| 756 | transition-property | CSS, CSS Property, CSS Transitions, Experimental, Reference | 
| The transition-propertyCSS property is used to specify the names of CSS properties to which a transition effect should be applied. | ||
| 757 | transition-timing-function | CSS, CSS Property, CSS Transitions, Experimental, Reference | 
| The transition-timing-functionCSS 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. | ||
| 758 | translation-value | CSS, CSS Reference, Reference | 
| The <translation-value>CSS data type is used in the arguments for certain transform functions, includingtranslate(),translateX(),translateY(), andtranslate3d().  A<translation-value>argument can be either a<length>value or a<percentage>value. | ||
| 759 | unicode-bidi | BiDi, CSS, CSS Property, NeedsLiveSample, Reference | 
| The unicode-bidiCSS property, together with thedirectionproperty, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. Theunicode-bidiproperty overrides this algorithm and allows the developer to control the text embedding. | ||
| 760 | unset | CSS, CSS Cascade, Keyword, Layout, NeedsBrowserCompatibility, Reference, Web | 
| The unsetCSS keyword resets a property to its inherited value if it inherits from its parent, and to its initial value if not. In other words, it behaves like theinheritkeyword in the first case, and like theinitialkeyword in the second case. It can be applied to any CSS property, including the CSS shorthandall. | ||
| 761 | 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-focuswas proposed in early drafts of a predecessor of css3-ui but was rejected by the working group. | ||
| 762 | 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.) | ||
| 763 | vertical-align | CSS, CSS Property, Reference | 
| The vertical-alignCSS property specifies the vertical alignment of an inline or table-cell box. | ||
| 764 | visibility | CSS, CSS Positioning, CSS Property, Layout, Reference, Web | 
| The visibilityCSS property can show or hide an element without affecting the layout of a document (i.e., space is created for elements regardless of whether they are visible or not). The property can also hide rows or columns in a<table>. | ||
| 765 | white-space | CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference | 
| The white-spaceCSS property determines how whitespace inside an element is handled. To make words break within themselves, useoverflow-wrap,word-break, orhyphensinstead. | ||
| 766 | widows | CSS, CSS Fragmentation, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| When a paragraph is split over two pages in pagedmedia, thewidowsCSS 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 thewidowsproperty allows the prevention of single-line widows. | ||
| 767 | width | CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Reference | 
| The widthproperty specifies the width of the content area of an element. The content area is inside the padding, border, and margin of the element. | ||
| 768 | will-change | CSS, CSS Property, CSS Will-change, Reference | 
| The will-changeCSS 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. | ||
| 769 | word-break | CSS, CSS Property, Reference | 
| The word-breakCSS property specifies whether or not the browser should insert line breaks wherever the text would otherwise overflow its content box. In contrast tooverflow-wrap,word-breakwill create a break at the exact place where text would otherwise overflow its container (even if putting an entire word on its own line would negate the need for a break). | ||
| 770 | word-spacing | CSS, CSS Property, CSS Text, NeedsMobileBrowserCompatibility, Reference | 
| The word-spacingCSS property specifies the spacing behavior between tags and words. | ||
| 771 | writing-mode | CSS, CSS Property, Layout, Reference | 
| The writing-modeCSS property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress. | ||
| 772 | z-index | CSS, CSS Property, NeedsMobileBrowserCompatibility, Reference | 
| The z-indexCSS property specifies the z-order of a positioned element and its descendants. When elements overlap, z-order determines which one covers the other. An element with a larger z-index generally covers an element with a lower one. | ||
| 773 | zoom | CSS, CSS Property, NeedsBrowserCompatibility, NeedsMobileBrowserCompatibility, Non-standard, Reference | 
| The non-standard zoomCSS 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,