{
"properties": {
"-ms-overflow-style": {
"syntax": "auto | none | scrollbar | -ms-autohiding-scrollbar",
"media": "interactive",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"Microsoft Extensions"
],
"initial": "<code>auto</code>",
"appliesto": "nonReplacedBlockAndInlineBlockElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-appearance": {
"syntax": "none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret | checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox | menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator | meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label | radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart | scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet | spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels | tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown | toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen | treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox | -moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized | -moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom | -moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "noneButOverriddenInUserAgentCSS",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-binding": {
"syntax": "<uri> | none",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElementsExceptGeneratedContentOrPseudoElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-border-bottom-colors": {
"syntax": "[<color>]* <color> | none",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-border-left-colors": {
"syntax": "[<color>]* <color> | none",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-border-right-colors": {
"syntax": "[<color>]* <color> | none",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-border-top-colors": {
"syntax": "[<color>]* <color> | none",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-float-edge": {
"syntax": "border-box | content-box | margin-box | padding-box",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>content-box</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-force-broken-image-icon": {
"syntax": "<integer>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>0</code>",
"appliesto": "images",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-image-region": {
"syntax": "<shape>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>auto</code>",
"appliesto": "xulImageElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-orient": {
"syntax": "inline | block | horizontal | vertical",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>inline</code>",
"appliesto": "anyElementEffectOnProgressAndMeter",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-outline-radius": {
"syntax": "<outline-radius>{1,4} [ / <outline-radius>{1,4}]?",
"media": "visual",
"inherited": false,
"animatable": [
"-moz-outline-radius-topleft",
"-moz-outline-radius-topright",
"-moz-outline-radius-bottomright",
"-moz-outline-radius-bottomleft"
],
"percentages": [
"-moz-outline-radius-topleft",
"-moz-outline-radius-topright",
"-moz-outline-radius-bottomright",
"-moz-outline-radius-bottomleft"
],
"groups": [
"Mozilla Extensions"
],
"initial": [
"-moz-outline-radius-topleft",
"-moz-outline-radius-topright",
"-moz-outline-radius-bottomright",
"-moz-outline-radius-bottomleft"
],
"appliesto": "allElements",
"computed": [
"-moz-outline-radius-topleft",
"-moz-outline-radius-topright",
"-moz-outline-radius-bottomright",
"-moz-outline-radius-bottomleft"
],
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-outline-radius-bottomleft": {
"syntax": "<outline-radius>",
"media": "visual",
"inherited": false,
"animatable": "yes",
"percentages": "yes",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-outline-radius-bottomright": {
"syntax": "<outline-radius>",
"media": "visual",
"inherited": false,
"animatable": "yes",
"percentages": "yes",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-outline-radius-topleft": {
"syntax": "<outline-radius>",
"media": "visual",
"inherited": false,
"animatable": "yes",
"percentages": "yes",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-outline-radius-topright": {
"syntax": "<outline-radius>",
"media": "visual",
"inherited": false,
"animatable": "yes",
"percentages": "yes",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-stack-sizing": {
"syntax": "ignore | stretch-to-fit",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>stretch-to-fit</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-text-blink": {
"syntax": "none | blink",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-user-focus": {
"syntax": "ignore | normal | select-after | select-before | select-menu | select-same | select-all | none",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-user-input": {
"syntax": "none | enabled | disabled",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-user-modify": {
"syntax": "read-only | read-write | write-only",
"media": "interactive",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>read-only</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-moz-window-shadow": {
"syntax": "default | menu | tooltip | sheet | none",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>default</code>",
"appliesto": "allElementsCreatingNativeWindows",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-border-before": {
"syntax": "<'border-width'> || <'border-style'> || <'color'>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": [
"-webkit-border-before-width"
],
"groups": [
"WebKit Extensions"
],
"initial": [
"border-width",
"border-style",
"color"
],
"appliesto": "allElements",
"computed": [
"border-width",
"border-style",
"color"
],
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-border-before-color": {
"syntax": "<'color'>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>currentcolor</code>",
"appliesto": "allElements",
"computed": "computedColor",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-border-before-style": {
"syntax": "<'border-style'>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-border-before-width": {
"syntax": "<'border-width'>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"WebKit Extensions"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-box-reflect": {
"syntax": "[ above | below | right | left ]? <length>? <image>?",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-mask": {
"syntax": "<mask-image> [<mask-repeat> || <mask-attachment> || <mask-position> || <mask-origin> || <mask-clip>]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": [
"-webkit-mask-image",
"-webkit-mask-repeat",
"-webkit-mask-attachment",
"-webkit-mask-position",
"-webkit-mask-origin",
"-webkit-mask-clip"
],
"appliesto": "allElements",
"computed": [
"-webkit-mask-image",
"-webkit-mask-repeat",
"-webkit-mask-attachment",
"-webkit-mask-position",
"-webkit-mask-origin",
"-webkit-mask-clip"
],
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-mask-attachment": {
"syntax": "<attachment>[, <attachment>]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>scroll</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "nonstandard"
},
"-webkit-mask-clip": {
"syntax": "<clip-style>[, <clip-style>]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>border</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "nonstandard"
},
"-webkit-mask-composite": {
"syntax": "<composite-style>[, <composite-style>]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>source-over</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "nonstandard"
},
"-webkit-mask-image": {
"syntax": "<mask-image>[, <mask-image>]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "absoluteURIOrNone",
"order": "orderOfAppearance",
"status": "nonstandard"
},
"-webkit-mask-origin": {
"syntax": "[ padding | border | content ][, [ border | padding | content ]]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>padding</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "nonstandard"
},
"-webkit-mask-position": {
"syntax": "<mask-position>[, <mask-position>]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "referToSizeOfElement",
"groups": [
"WebKit Extensions"
],
"initial": "<code>0% 0%</code>",
"appliesto": "allElements",
"computed": "absoluteLengthOrPercentage",
"order": "orderOfAppearance",
"status": "nonstandard"
},
"-webkit-mask-repeat": {
"syntax": "<repeat-style>[, <repeat-style>]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>repeat</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "nonstandard"
},
"-webkit-tap-highlight-color": {
"syntax": "<color>[, <",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>black</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-text-fill-color": {
"syntax": "<color>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>currentcolor</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-text-stroke": {
"syntax": "<length> <color>",
"media": "visual",
"inherited": true,
"animatable": [
"-webkit-text-stroke-color"
],
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": [
"-webkit-text-stroke-width",
"-webkit-text-stroke-color"
],
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-text-stroke-color": {
"syntax": "<color>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>rgb(0, 0, 0)</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-text-stroke-width": {
"syntax": "<length>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"WebKit Extensions"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"-webkit-touch-callout": {
"syntax": "default | none",
"groups": [
"WebKit Extensions"
],
"status": "nonstandard"
},
"align-content": {
"syntax": "flex-start | flex-end | center | space-between | space-around | stretch",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>stretch</code>",
"appliesto": "multilineFlexContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"align-items": {
"syntax": "flex-start | flex-end | center | baseline | stretch",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>stretch</code>",
"appliesto": "flexContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"align-self": {
"syntax": "auto | flex-start | flex-end | center | baseline | stretch",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>auto</code>",
"appliesto": "flexItemsAndInFlowPseudos",
"computed": "autoOnAbsolutelyPositionedElementsValueOfAlignItemsOnParent",
"order": "uniqueOrder",
"status": "standard"
},
"all": {
"syntax": "initial | inherit | unset",
"media": "noPracticalMedia",
"inherited": false,
"animatable": "eachOfShorthandPropertiesExceptUnicodeBiDiAndDirection",
"percentages": "no",
"groups": [
"CSS Miscellaneous"
],
"initial": "noPracticalInitialValue",
"appliesto": "allElements",
"computed": "asSpecifiedAppliesToEachProperty",
"order": "uniqueOrder",
"status": "standard"
},
"animation": {
"syntax": "<single-animation>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": [
"animation-name",
"animation-duration",
"animation-timing-function",
"animation-delay",
"animation-iteration-count",
"animation-direction",
"animation-fill-mode",
"animation-play-state"
],
"appliesto": "allElementsAndPseudos",
"computed": [
"animation-name",
"animation-duration",
"animation-timing-function",
"animation-delay",
"animation-direction",
"animation-iteration-count",
"animation-fill-mode",
"animation-play-state"
],
"order": "orderOfAppearance",
"status": "standard"
},
"animation-delay": {
"syntax": "<time>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": "<code>0s</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"animation-direction": {
"syntax": "<single-animation-direction>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": "<code>normal</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"animation-duration": {
"syntax": "<time>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": "<code>0s</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"animation-fill-mode": {
"syntax": "<single-animation-fill-mode>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": "<code>none</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"animation-iteration-count": {
"syntax": "<single-animation-iteration-count>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": "<code>1</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"animation-name": {
"syntax": "<single-animation-name>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": "<code>none</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"animation-play-state": {
"syntax": "<single-animation-play-state>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": "<code>running</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"animation-timing-function": {
"syntax": "<timing-function>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Animations"
],
"initial": "<code>ease</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"azimuth": {
"syntax": "<angle> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards",
"media": "aural",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Speech"
],
"initial": "<code>center</code>",
"appliesto": "allElements",
"computed": "normalizedAngle",
"order": "orderOfAppearance",
"status": "obsolete"
},
"backdrop-filter": {
"syntax": "none | <filter-function-list>",
"media": "visual",
"inherited": false,
"animatable": "yes",
"percentages": "no",
"groups": [
"Filter Effects"
],
"initial": "<code>none</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"backface-visibility": {
"syntax": "visible | hidden",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Transforms"
],
"initial": "<code>visible</code>",
"appliesto": "transformableElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"background": {
"syntax": "[ <bg-layer> , ]* <final-bg-layer>",
"media": "visual",
"inherited": false,
"animatable": [
"background-color",
"background-image",
"background-clip",
"background-position",
"background-size",
"background-repeat",
"background-attachment"
],
"percentages": [
"background-position",
"background-size"
],
"groups": [
"CSS Background and Borders"
],
"initial": [
"background-image",
"background-position",
"background-size",
"background-repeat",
"background-origin",
"background-clip",
"background-attachment",
"background-color"
],
"appliesto": "allElements",
"computed": [
"background-image",
"background-position",
"background-size",
"background-repeat",
"background-origin",
"background-clip",
"background-attachment",
"background-color"
],
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-attachment": {
"syntax": "<attachment>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>scroll</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-blend-mode": {
"syntax": "<blend-mode>#",
"media": "none",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Compositing and Blending"
],
"initial": "<code>normal</code>",
"appliesto": "allElementsSVGContainerGraphicsAndGraphicsReferencingElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-clip": {
"syntax": "<box>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>border-box</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-color": {
"syntax": "<color>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>transparent</code>",
"appliesto": "allElements",
"computed": "'color'",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-image": {
"syntax": "<bg-image>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecifiedURIsAbsolute",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-origin": {
"syntax": "<box>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>padding-box</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-position": {
"syntax": "<position>#",
"media": "visual",
"inherited": false,
"animatable": {
"as": "repeatableList simpleList lpc"
},
"percentages": "referToSizeOfBackgroundPositioningAreaMinusBackgroundImageSize",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>0% 0%</code>",
"appliesto": "allElements",
"computed": "listEachItemTwoKeywordsOriginOffsets",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-repeat": {
"syntax": "<repeat-style>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>repeat</code>",
"appliesto": "allElements",
"computed": "listEachItemHasTwoKeywordsOnePerDimension",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"background-size": {
"syntax": "<bg-size>#",
"media": "visual",
"inherited": false,
"animatable": {
"as": "repeatableList simpleList lpc",
"note": ". This means keyword values are not animatable."
},
"percentages": "relativeToBackgroundPositioningArea",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>auto auto</code>",
"appliesto": "allElements",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"block-size": {
"syntax": "<'width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "blockSizeOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>auto</code>",
"appliesto": "sameAsWidthAndHeight",
"computed": "sameAsWidthAndHeight",
"order": "uniqueOrder",
"status": "standard"
},
"border": {
"syntax": "<br-width> || <br-style> || <color>",
"media": "visual",
"inherited": false,
"animatable": [
"border-color",
"border-style",
"border-width"
],
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-width",
"border-style",
"border-color"
],
"appliesto": "allElements",
"computed": [
"border-width",
"border-style",
"border-color"
],
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-block-end": {
"syntax": "<'border-width'> || <'border-style'> || <'color'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": [
"border-width",
"border-style",
"color"
],
"appliesto": "allElements",
"computed": [
"border-width",
"border-style",
"color"
],
"order": "uniqueOrder",
"status": "standard"
},
"border-block-end-color": {
"syntax": "<'color'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>currentcolor</code>",
"appliesto": "allElements",
"computed": "computedColor",
"order": "uniqueOrder",
"status": "standard"
},
"border-block-end-style": {
"syntax": "<'border-style'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"border-block-end-width": {
"syntax": "<'border-width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"order": "uniqueOrder",
"status": "standard"
},
"border-block-start": {
"syntax": "<'border-width'> || <'border-style'> || <'color'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": [
"border-width",
"border-style",
"color"
],
"appliesto": "allElements",
"computed": [
"border-width",
"border-style",
"color"
],
"order": "uniqueOrder",
"status": "standard"
},
"border-block-start-color": {
"syntax": "<'color'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>currentcolor</code>",
"appliesto": "allElements",
"computed": "computedColor",
"order": "uniqueOrder",
"status": "standard"
},
"border-block-start-style": {
"syntax": "<'border-style'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"border-block-start-width": {
"syntax": "<'border-width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"order": "uniqueOrder",
"status": "standard"
},
"border-bottom": {
"syntax": "<br-width> || <br-style> || <color>",
"media": "visual",
"inherited": false,
"animatable": [
"border-bottom-color",
"border-bottom-style",
"border-bottom-width"
],
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-bottom-width",
"border-bottom-style",
"border-bottom-color"
],
"appliesto": "allElements",
"computed": [
"border-bottom-width",
"border-bottom-style",
"border-bottom-color"
],
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-bottom-color": {
"syntax": "<color>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>currentColor</code>",
"appliesto": "allElements",
"computed": "'color'",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-bottom-left-radius": {
"syntax": "[ <length> | <percentage> ]{1,2}",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToDimensionOfBorderBox",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>0</code>",
"appliesto": "allElementsUAsNotRequiredWhenCollapse",
"computed": "twoAbsoluteLengthOrPercentages",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-bottom-right-radius": {
"syntax": "[ <length> | <percentage> ]{1,2}",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToDimensionOfBorderBox",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>0</code>",
"appliesto": "allElementsUAsNotRequiredWhenCollapse",
"computed": "twoAbsoluteLengthOrPercentages",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-bottom-style": {
"syntax": "<br-style>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-bottom-width": {
"syntax": "<br-width>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthOr0IfBorderBottomStyleNoneOrHidden",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-collapse": {
"syntax": "collapse | separate",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Table"
],
"initial": "<code>separate</code>",
"appliesto": "tableElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"border-color": {
"syntax": "<color>{1,4}",
"media": "visual",
"inherited": false,
"animatable": [
"border-bottom-color",
"border-left-color",
"border-right-color",
"border-top-color"
],
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-top-color",
"border-right-color",
"border-bottom-color",
"border-left-color"
],
"appliesto": "allElements",
"computed": [
"border-bottom-color",
"border-left-color",
"border-right-color",
"border-top-color"
],
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-image": {
"syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": [
"border-image-slice",
"border-image-width"
],
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-image-source",
"border-image-slice",
"border-image-width",
"border-image-outset",
"border-image-repeat"
],
"appliesto": [
"border-image-outset",
"border-image-repeat",
"border-image-slice",
"border-image-source",
"border-image-width"
],
"computed": [
"border-image-outset",
"border-image-repeat",
"border-image-slice",
"border-image-source",
"border-image-width"
],
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-image-outset": {
"syntax": "[ <length> | <number> ]{1,4}",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>0s</code>",
"appliesto": "allElementsExceptTableElementsWhenCollapse",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-image-repeat": {
"syntax": "[ stretch | repeat | round | space ]{1,2}",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>stretch</code>",
"appliesto": "allElementsExceptTableElementsWhenCollapse",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-image-slice": {
"syntax": "[<number> | <percentage>]{1,4} && fill?",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "referToSizeOfBorderImage",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>100%</code>",
"appliesto": "allElementsExceptTableElementsWhenCollapse",
"computed": "oneToFourPercentagesOrAbsoluteLengthsPlusFill",
"order": "percentagesOrLengthsFollowedByFill",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-image-source": {
"syntax": "none | <image>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>none</code>",
"appliesto": "allElementsExceptTableElementsWhenCollapse",
"computed": "noneOrImageWithAbsoluteURI",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-image-width": {
"syntax": "[ <length> | <percentage> | <number> | auto ]{1,4}",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "referToWidthOrHeightOfBorderImageArea",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>1</code>",
"appliesto": "allElementsExceptTableElementsWhenBorderCollapseCollapse",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-inline-end": {
"syntax": "<'border-width'> || <'border-style'> || <'color'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": [
"border-width",
"border-style",
"color"
],
"appliesto": "allElements",
"computed": [
"border-width",
"border-style",
"color"
],
"order": "uniqueOrder",
"status": "standard"
},
"border-inline-end-color": {
"syntax": "<'color'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>currentcolor</code>",
"appliesto": "allElements",
"computed": "computedColor",
"order": "uniqueOrder",
"status": "standard"
},
"border-inline-end-style": {
"syntax": "<'border-style'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"border-inline-end-width": {
"syntax": "<'border-width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"order": "uniqueOrder",
"status": "standard"
},
"border-inline-start": {
"syntax": "<'border-width'> || <'border-style'> || <'color'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": [
"border-width",
"border-style",
"color"
],
"appliesto": "allElements",
"computed": [
"border-width",
"border-style",
"color"
],
"order": "uniqueOrder",
"status": "standard"
},
"border-inline-start-color": {
"syntax": "<'color'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>currentcolor</code>",
"appliesto": "allElements",
"computed": "computedColor",
"order": "uniqueOrder",
"status": "standard"
},
"border-inline-start-style": {
"syntax": "<'border-style'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"border-inline-start-width": {
"syntax": "<'border-width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"order": "uniqueOrder",
"status": "standard"
},
"border-left": {
"syntax": "<br-width> || <br-style> || <color>",
"media": "visual",
"inherited": false,
"animatable": [
"border-left-color",
"border-left-style",
"border-left-width"
],
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-left-width",
"border-left-style",
"border-left-color"
],
"appliesto": "allElements",
"computed": [
"border-left-width",
"border-left-style",
"border-left-color"
],
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-left-color": {
"syntax": "<color>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>currentColor</code>",
"appliesto": "allElements",
"computed": "'color'",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-left-style": {
"syntax": "<br-style>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-left-width": {
"syntax": "<br-width>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthOr0IfBorderLeftStyleNoneOrHidden",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-radius": {
"syntax": "[ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?",
"media": "visual",
"inherited": false,
"animatable": [
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-right-radius",
"border-bottom-left-radius"
],
"percentages": "referToDimensionOfBorderBox",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-right-radius",
"border-bottom-left-radius"
],
"appliesto": "allElementsUAsNotRequiredWhenCollapse",
"computed": [
"border-bottom-left-radius",
"border-bottom-right-radius",
"border-top-left-radius",
"border-top-right-radius"
],
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-right": {
"syntax": "<br-width> || <br-style> || <color>",
"media": "visual",
"inherited": false,
"animatable": [
"border-right-color",
"border-right-style",
"border-right-width"
],
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-right-width",
"border-right-style",
"border-right-color"
],
"appliesto": "allElements",
"computed": [
"border-right-width",
"border-right-style",
"border-right-color"
],
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-right-color": {
"syntax": "<color>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>currentColor</code>",
"appliesto": "allElements",
"computed": "'color'",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-right-style": {
"syntax": "<br-style>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-right-width": {
"syntax": "<br-width>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthOr0IfBorderRightStyleNoneOrHidden",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-spacing": {
"syntax": "<length> <length>?",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Table"
],
"initial": "<code>0</code>",
"appliesto": "tableElements",
"computed": "twoAbsoluteLengths",
"order": "uniqueOrder",
"status": "standard"
},
"border-style": {
"syntax": "<br-style>{1,4}",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-top-style",
"border-right-style",
"border-bottom-style",
"border-left-style"
],
"appliesto": "allElements",
"computed": [
"border-bottom-style",
"border-left-style",
"border-right-style",
"border-top-style"
],
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-top": {
"syntax": "<br-width> || <br-style> || <color>",
"media": "visual",
"inherited": false,
"animatable": [
"border-top-color",
"border-top-style",
"border-top-width"
],
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-top-width",
"border-top-style",
"border-top-color"
],
"appliesto": "allElements",
"computed": [
"border-top-width",
"border-top-style",
"border-top-color"
],
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-top-color": {
"syntax": "<color>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>currentColor</code>",
"appliesto": "allElements",
"computed": "'color'",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-top-left-radius": {
"syntax": "[ <length> | <percentage> ]{1,2}",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToDimensionOfBorderBox",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>0</code>",
"appliesto": "allElementsUAsNotRequiredWhenCollapse",
"computed": "twoAbsoluteLengthOrPercentages",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-top-right-radius": {
"syntax": "[ <length> | <percentage> ]{1,2}",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToDimensionOfBorderBox",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>0</code>",
"appliesto": "allElementsUAsNotRequiredWhenCollapse",
"computed": "twoAbsoluteLengthOrPercentages",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-top-style": {
"syntax": "<br-style>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-top-width": {
"syntax": "<br-width>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLengthOr0IfBorderTopStyleNoneOrHidden",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"border-width": {
"syntax": "<br-width>{1,4}",
"media": "visual",
"inherited": false,
"animatable": [
"border-bottom-width",
"border-left-width",
"border-right-width",
"border-top-width"
],
"percentages": "no",
"groups": [
"CSS Background and Borders"
],
"initial": [
"border-top-width",
"border-right-width",
"border-bottom-width",
"border-left-width"
],
"appliesto": "allElements",
"computed": [
"border-bottom-width",
"border-left-width",
"border-right-width",
"border-top-width"
],
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"bottom": {
"syntax": "<length> | <percentage> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToContainingBlockHeight",
"groups": [
"CSS Positioning"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"box-align": {
"syntax": "start | center | end | baseline | stretch",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "<code>stretch</code>",
"appliesto": "elementsWithDisplayBoxOrInlineBox",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"box-decoration-break": {
"syntax": "slice | clone",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Box Model"
],
"initial": "<code>slice</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"box-direction": {
"syntax": "normal | reverse | inherit",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "<code>normal</code>",
"appliesto": "elementsWithDisplayBoxOrInlineBox",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"box-flex": {
"syntax": "<number>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "<code>0</code>",
"appliesto": "directChildrenOfElementsWithDisplayMozBoxMozInlineBox",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"box-flex-group": {
"syntax": "<integer>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "<code>1</code>",
"appliesto": "inFlowChildrenOfBoxElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"box-lines": {
"syntax": "single | multiple",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "<code>single</code>",
"appliesto": "boxElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"box-ordinal-group": {
"syntax": "<integer>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "<code>1</code>",
"appliesto": "childrenOfBoxElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"box-orient": {
"syntax": "horizontal | vertical | inline-axis | block-axis | inherit",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "inlineAxisHorizontalInXUL",
"appliesto": "elementsWithDisplayBoxOrInlineBox",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"box-pack": {
"syntax": "start | center | end | justify",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions",
"WebKit Extensions"
],
"initial": "<code>start</code>",
"appliesto": "elementsWithDisplayMozBoxMozInlineBox",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"box-shadow": {
"syntax": "none | <shadow>#",
"media": "visual",
"inherited": false,
"animatable": {
"as": "shadowList"
},
"percentages": "no",
"groups": [
"CSS Box Model"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "absoluteLengthsSpecifiedColorAsSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"box-sizing": {
"syntax": "content-box | border-box",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Box Model"
],
"initial": "<code>content-box</code>",
"appliesto": "allElementsAcceptingWidthOrHeight",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"box-suppress": {
"syntax": "show | discard | hide",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Display"
],
"initial": "<code>show</code>",
"appliesto": "allElements",
"computed": "seeProse",
"order": "uniqueOrder",
"status": "experimental"
},
"break-after": {
"syntax": "auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
"media": "paged",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>auto</code>",
"appliesto": "blockLevelElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"break-before": {
"syntax": "auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
"media": "paged",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>auto</code>",
"appliesto": "blockLevelElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"break-inside": {
"syntax": "auto | avoid | avoid-page | avoid-column | avoid-region",
"media": "paged",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>auto</code>",
"appliesto": "blockLevelElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"caption-side": {
"syntax": "top | bottom | block-start | block-end | inline-start | inline-end",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Table"
],
"initial": "<code>top</code>",
"appliesto": "tableCaptionElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"clear": {
"syntax": "none | left | right | both | inline-start | inline-end",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Positioning"
],
"initial": "<code>none</code>",
"appliesto": "blockLevelElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"clip": {
"syntax": "<shape> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "rectangle"
},
"percentages": "no",
"groups": [
"CSS Miscellaneous"
],
"initial": "<code>auto</code>",
"appliesto": "absolutelyPositionedElements",
"computed": "autoOrRectangle",
"order": "uniqueOrder",
"status": "standard"
},
"clip-path": {
"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none",
"media": "visual",
"inherited": false,
"animatable": "basicShapeOtherwiseNo",
"percentages": "asSpecified",
"groups": [
"CSS Miscellaneous"
],
"initial": "<code>none</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecifiedURLsAbsolute",
"order": "uniqueOrder",
"status": "standard"
},
"color": {
"syntax": "<color>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS Colors"
],
"initial": "variesFromBrowserToBrowser",
"appliesto": "allElements",
"computed": "translucentValuesRGBAOtherwiseRGB",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"column-count": {
"syntax": "<number> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "integer"
},
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>auto</code>",
"appliesto": "nonReplacedBlockElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"column-fill": {
"syntax": "auto | balance",
"media": "visualInContinuousMediaNoEffectInOverflowColumns",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>balance</code>",
"appliesto": "multicolElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"column-gap": {
"syntax": "<length> | normal",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>normal</code>",
"appliesto": "multicolElements",
"computed": "absoluteLengthOrNormal",
"order": "uniqueOrder",
"status": "standard"
},
"column-rule": {
"syntax": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>",
"media": "visual",
"inherited": false,
"animatable": [
"column-rule-color",
"column-rule-style",
"column-rule-width"
],
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": [
"column-rule-width",
"column-rule-style",
"column-rule-color"
],
"appliesto": "multicolElements",
"computed": [
"column-rule-color",
"column-rule-style",
"column-rule-width"
],
"order": "orderOfAppearance",
"status": "standard"
},
"column-rule-color": {
"syntax": "<color>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>currentColor</code>",
"appliesto": "multicolElements",
"computed": "'color'",
"order": "uniqueOrder",
"status": "standard"
},
"column-rule-style": {
"syntax": "<br-style>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>none</code>",
"appliesto": "multicolElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"column-rule-width": {
"syntax": "<br-width>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>medium</code>",
"appliesto": "multicolElements",
"computed": "absoluteLength0IfColumnRuleStyleNoneOrHidden",
"order": "uniqueOrder",
"status": "standard"
},
"column-span": {
"syntax": "none | all",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>none</code>",
"appliesto": "inFlowBlockLevelElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"column-width": {
"syntax": "<length> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": "<code>auto</code>",
"appliesto": "nonReplacedBlockElements",
"computed": "absoluteLengthZeroOrLarger",
"order": "uniqueOrder",
"status": "standard"
},
"columns": {
"syntax": "<'column-width'> || <'column-count'>",
"media": "visual",
"inherited": false,
"animatable": [
"column-width",
"column-count"
],
"percentages": "no",
"groups": [
"CSS Columns"
],
"initial": [
"column-width",
"column-count"
],
"appliesto": "nonReplacedBlockElements",
"computed": [
"column-width",
"column-count"
],
"order": "orderOfAppearance",
"status": "standard"
},
"content": {
"syntax": "normal | none | [ <string> | <uri> | <counter> | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Generated Content"
],
"initial": "<code>normal</code>",
"appliesto": "beforeAndAfterPseudos",
"computed": "normalOnElementsForPseudosNoneAbsoluteURIStringOrAsSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"counter-increment": {
"syntax": "[<custom-ident> <integer>?]+ | none",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Lists and Counters"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"counter-reset": {
"syntax": "[<custom-ident> <integer>?]+ | none",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Lists and Counters"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"cursor": {
"syntax": "[ [ <uri> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ]",
"media": "visual, interactive",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS User Interface"
],
"initial": "<code>auto</code>",
"appliesto": "allElements",
"computed": "asSpecifiedURIsAbsolute",
"order": "uniqueOrder",
"status": "standard"
},
"direction": {
"syntax": "ltr | rtl",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Writing Modes"
],
"initial": "<code>ltr</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"display": {
"syntax": "none | inline | block | list-item | inline-list-item | inline-block | inline-table | table | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group | flex | inline-flex | grid | inline-grid | run-in | ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container | contents",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Miscellaneous"
],
"initial": "<code>inline</code>",
"appliesto": "allElements",
"computed": "asSpecifiedExceptPositionedFloatingAndRootElementsKeywordMaybeDifferent",
"order": "uniqueOrder",
"status": "standard"
},
"display-inside": {
"syntax": "auto | block | table | flex | grid | ruby",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Display"
],
"initial": "<code>auto</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"display-list": {
"syntax": "none | list-item",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Display"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"display-outside": {
"syntax": "block-level | inline-level | run-in | contents | none | table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Display"
],
"initial": "<code>inline-level</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"empty-cells": {
"syntax": "show | hide",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Table"
],
"initial": "<code>show</code>",
"appliesto": "tableCellElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"filter": {
"syntax": "none | <filter-function-list>",
"media": "visual",
"inherited": false,
"animatable": "yes",
"percentages": "no",
"groups": [
"Filter Effects"
],
"initial": "<code>none</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"flex": {
"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
"media": "visual",
"inherited": false,
"animatable": [
"flex-grow",
"flex-shrink",
"flex-basis"
],
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": [
"flex-grow",
"flex-shrink",
"flex-basis"
],
"appliesto": "flexItemsAndInFlowPseudos",
"computed": [
"flex-grow",
"flex-shrink",
"flex-basis"
],
"order": "orderOfAppearance",
"status": "standard"
},
"flex-basis": {
"syntax": "content | <'width'>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToFlexContainersInnerMainSize",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>auto</code>",
"appliesto": "flexItemsAndInFlowPseudos",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "lengthOrPercentageBeforeKeywordIfBothPresent",
"status": "standard"
},
"flex-direction": {
"syntax": "row | row-reverse | column | column-reverse",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>row</code>",
"appliesto": "flexContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"flex-flow": {
"syntax": "<'flex-direction'> || <'flex-wrap'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": [
"flex-direction",
"flex-wrap"
],
"appliesto": "flexContainers",
"computed": [
"flex-direction",
"flex-wrap"
],
"order": "orderOfAppearance",
"status": "standard"
},
"flex-grow": {
"syntax": "<number>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "number"
},
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>0</code>",
"appliesto": "flexItemsAndInFlowPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"flex-shrink": {
"syntax": "<number>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "number"
},
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>1</code>",
"appliesto": "flexItemsAndInFlowPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"flex-wrap": {
"syntax": "nowrap | wrap | wrap-reverse",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>nowrap</code>",
"appliesto": "flexContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"float": {
"syntax": "left | right | none | inline-start | inline-end",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Positioning"
],
"initial": "<code>none</code>",
"appliesto": "allElementsNoEffectIfDisplayNone",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"font": {
"syntax": "[ [ <‘font-style’> || <font-variant-css21> || <‘font-weight’> || <‘font-stretch’> ]? <‘font-size’> [ / <‘line-height’> ]? <‘font-family’> ] | caption | icon | menu | message-box | small-caption | status-bar",
"media": "visual",
"inherited": true,
"animatable": [
"font-style",
"font-variant",
"font-weight",
"font-stretch",
"font-size",
"line-height",
"font-family"
],
"percentages": [
"font-size",
"line-height"
],
"groups": [
"CSS Fonts"
],
"initial": [
"font-style",
"font-variant",
"font-weight",
"font-stretch",
"font-size",
"line-height",
"font-family"
],
"appliesto": "allElements",
"computed": [
"font-style",
"font-variant",
"font-weight",
"font-stretch",
"font-size",
"line-height",
"font-family"
],
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-family": {
"syntax": "[ <family-name> | <generic-family> ]#",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "dependsOnUserAgent",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-feature-settings": {
"syntax": "normal | <feature-tag-value>#",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-kerning": {
"syntax": "auto | normal | none",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>auto</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-language-override": {
"syntax": "normal | <string>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-size": {
"syntax": "<absolute-size> | <relative-size> | <length> | <percentage>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "length"
},
"percentages": "referToParentElementsFontSize",
"groups": [
"CSS Fonts"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-size-adjust": {
"syntax": "none | <number>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "number"
},
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-stretch": {
"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
"media": "visual",
"inherited": true,
"animatable": {
"as": "fontStretch"
},
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-style": {
"syntax": "normal | italic | oblique",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-synthesis": {
"syntax": "none | [ weight || style ]",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>weight style</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-variant": {
"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name> #) || character-variant(<feature-value-name> #) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ] ",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-variant-alternates": {
"syntax": "normal | [ stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name> #) || character-variant(<feature-value-name> #) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) ] ",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-variant-caps": {
"syntax": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-variant-east-asian": {
"syntax": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] ",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-variant-ligatures": {
"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-variant-numeric": {
"syntax": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-variant-position": {
"syntax": "normal | sub | super",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"font-weight": {
"syntax": "normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900",
"media": "visual",
"inherited": true,
"animatable": {
"as": "fontWeight"
},
"percentages": "no",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "keywordOrNumericalValueBolderLighterTransformedToRealValue",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"grid": {
"syntax": "<'grid-template'> | [ <'grid-auto-flow'> [ <'grid-auto-rows'> [ / <'grid-auto-columns'> ]? ]? ]",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": [
"grid-template-rows",
"grid-template-columns",
"grid-auto-rows",
"grid-auto-columns"
],
"groups": [
"CSS Grid Layout"
],
"initial": [
"grid-template-rows",
"grid-template-columns",
"grid-template-areas",
"grid-auto-rows",
"grid-auto-columns",
"grid-auto-flow",
"grid-column-gap",
"grid-row-gap"
],
"appliesto": "gridContainers",
"computed": [
"grid-template-rows",
"grid-template-columns",
"grid-template-areas",
"grid-auto-rows",
"grid-auto-columns",
"grid-auto-flow",
"grid-column-gap",
"grid-row-gap"
],
"order": "uniqueOrder",
"status": "standard"
},
"grid-area": {
"syntax": "<grid-line> [ / <grid-line> ]{0,3}",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": [
"grid-row-start",
"grid-column-start",
"grid-row-end",
"grid-column-end"
],
"appliesto": "gridItemsAndBoxesWithinGridContainer",
"computed": [
"grid-row-start",
"grid-column-start",
"grid-row-end",
"grid-column-end"
],
"order": "uniqueOrder",
"status": "standard"
},
"grid-auto-columns": {
"syntax": "<track-size>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "seeGridTemplateRowsColumns",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>auto</code>",
"appliesto": "gridContainers",
"computed": "seeGridTemplateRowsColumns",
"order": "uniqueOrder",
"status": "standard"
},
"grid-auto-flow": {
"syntax": "[ row | column ] || dense",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>row</code>",
"appliesto": "gridContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"grid-auto-rows": {
"syntax": "<track-size>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "seeGridTemplateRowsColumns",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>auto</code>",
"appliesto": "gridContainers",
"computed": "seeGridTemplateRowsColumns",
"order": "uniqueOrder",
"status": "standard"
},
"grid-column": {
"syntax": "<grid-line> [ / <grid-line> ]?",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": [
"grid-column-start",
"grid-column-end"
],
"appliesto": "gridItemsAndBoxesWithinGridContainer",
"computed": [
"grid-column-start",
"grid-column-end"
],
"order": "uniqueOrder",
"status": "standard"
},
"grid-column-end": {
"syntax": "<grid-line>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>auto</code>",
"appliesto": "gridItemsAndBoxesWithinGridContainer",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"grid-column-gap": {
"syntax": "<length>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>0</code>",
"appliesto": "gridContainers",
"computed": "absoluteLength",
"order": "uniqueOrder",
"status": "standard"
},
"grid-column-start": {
"syntax": "<grid-line>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>auto</code>",
"appliesto": "gridItemsAndBoxesWithinGridContainer",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"grid-gap": {
"syntax": "<'grid-row-gap'> <'grid-column-gap'>?",
"media": "visual",
"inherited": false,
"animatable": [
"grid-row-gap",
"grid-column-gap"
],
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": [
"grid-row-gap",
"grid-column-gap"
],
"appliesto": "gridContainers",
"computed": [
"grid-row-gap",
"grid-column-gap"
],
"order": "uniqueOrder",
"status": "standard"
},
"grid-row": {
"syntax": "<grid-line> [ / <grid-line> ]?",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": [
"grid-row-start",
"grid-row-end"
],
"appliesto": "gridItemsAndBoxesWithinGridContainer",
"computed": [
"grid-row-start",
"grid-row-end"
],
"order": "uniqueOrder",
"status": "standard"
},
"grid-row-end": {
"syntax": "<grid-line>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>auto</code>",
"appliesto": "gridItemsAndBoxesWithinGridContainer",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"grid-row-gap": {
"syntax": "<length>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>0</code>",
"appliesto": "gridContainers",
"computed": "absoluteLength",
"order": "uniqueOrder",
"status": "standard"
},
"grid-row-start": {
"syntax": "<grid-line>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>auto</code>",
"appliesto": "gridItemsAndBoxesWithinGridContainer",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"grid-template": {
"syntax": "none | subgrid | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <track-list> ]?",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": [
"grid-template-columns",
"grid-template-rows"
],
"groups": [
"CSS Grid Layout"
],
"initial": [
"grid-template-columns",
"grid-template-rows",
"grid-template-areas"
],
"appliesto": "gridContainers",
"computed": [
"grid-template-columns",
"grid-template-rows",
"grid-template-areas"
],
"order": "uniqueOrder",
"status": "standard"
},
"grid-template-areas": {
"syntax": "none | <string>+",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>none</code>",
"appliesto": "gridContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"grid-template-columns": {
"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "referToDimensionOfContentArea",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>none</code>",
"appliesto": "gridContainers",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "standard"
},
"grid-template-rows": {
"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "referToDimensionOfContentArea",
"groups": [
"CSS Grid Layout"
],
"initial": "<code>none</code>",
"appliesto": "gridContainers",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "standard"
},
"height": {
"syntax": "[<length> | <percentage>] && [border-box | content-box]? | available | min-content | max-content | fit-content | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "regardingHeightOfGeneratedBoxContainingBlockPercentagesRelativeToContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>auto</code>",
"appliesto": "allElementsButNonReplacedAndTableColumns",
"computed": "percentageAutoOrAbsoluteLength",
"order": "uniqueOrder",
"status": "standard"
},
"hyphens": {
"syntax": "none | manual | auto",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>manual</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"image-orientation": {
"syntax": "from-image | <angle> | [<angle>? flip]",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Images"
],
"initial": "<code>0deg</code>",
"appliesto": "allElements",
"computed": "angleRoundedToNextQuarter",
"order": "uniqueOrder",
"status": "standard"
},
"image-rendering": {
"syntax": "auto | crisp-edges | pixelated",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Images"
],
"initial": "<code>auto</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"image-resolution": {
"syntax": "[ from-image || <resolution> ] && snap?",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Images"
],
"initial": "<code>1dppx</code>",
"appliesto": "allElements",
"computed": "asSpecifiedWithExceptionOfResolution",
"order": "uniqueOrder",
"status": "standard"
},
"ime-mode": {
"syntax": "auto | normal | active | inactive | disabled",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Miscellaneous"
],
"initial": "<code>auto</code>",
"appliesto": "textFields",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"initial-letter": {
"syntax": "normal | [<number> <integer>?]",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Inline"
],
"initial": "<code>normal</code>",
"appliesto": "firstLetterPseudoElementsAndInlineLevelFirstChildren",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"initial-letter-align": {
"syntax": "[ auto | alphabetic | hanging | ideographic ]",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Inline"
],
"initial": "<code>auto</code>",
"appliesto": "firstLetterPseudoElementsAndInlineLevelFirstChildren",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"inline-size": {
"syntax": "<'width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "inlineSizeOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>auto</code>",
"appliesto": "sameAsWidthAndHeight",
"computed": "sameAsWidthAndHeight",
"order": "uniqueOrder",
"status": "standard"
},
"isolation": {
"syntax": "auto | isolate",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Compositing and Blending"
],
"initial": "<code>auto</code>",
"appliesto": "allElementsSVGContainerGraphicsAndGraphicsReferencingElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"justify-content": {
"syntax": "flex-start | flex-end | center | space-between | space-around",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>flex-start</code>",
"appliesto": "flexContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"left": {
"syntax": "<length> | <percentage> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Positioning"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"letter-spacing": {
"syntax": "normal | <length>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "optimumValueOfAbsoluteLengthOrNormal",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line"
],
"status": "standard"
},
"line-break": {
"syntax": "auto | loose | normal | strict",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>auto</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"line-height": {
"syntax": "normal | <number> | <length> | <percentage>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "number length"
},
"percentages": "referToElementFontSize",
"groups": [
"CSS Fonts"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "absoluteLengthOrAsSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"list-style": {
"syntax": "<'list-style-type'> || <'list-style-position'> || <'list-style-image'>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Lists and Counters"
],
"initial": [
"list-style-type",
"list-style-position",
"list-style-image"
],
"appliesto": "listItems",
"computed": [
"list-style-image",
"list-style-position",
"list-style-type"
],
"order": "orderOfAppearance",
"status": "standard"
},
"list-style-image": {
"syntax": "<uri> | none",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Lists and Counters"
],
"initial": "<code>none</code>",
"appliesto": "listItems",
"computed": "noneOrImageWithAbsoluteURI",
"order": "uniqueOrder",
"status": "standard"
},
"list-style-position": {
"syntax": "inside | outside",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Lists and Counters"
],
"initial": "<code>outside</code>",
"appliesto": "listItems",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"list-style-type": {
"syntax": "<counter-style> | <string> | none",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Lists and Counters"
],
"initial": "<code>disc</code>",
"appliesto": "listItems",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"margin": {
"syntax": "[ <length> | <percentage> | auto ]{1,4}",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": [
"margin-bottom",
"margin-left",
"margin-right",
"margin-top"
],
"appliesto": "allElementsExceptTableDisplayTypes",
"computed": [
"margin-bottom",
"margin-left",
"margin-right",
"margin-top"
],
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"margin-block-end": {
"syntax": "<'margin-left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "dependsOnLayoutModel",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "sameAsMargin",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"margin-block-start": {
"syntax": "<'margin-left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "dependsOnLayoutModel",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "sameAsMargin",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"margin-bottom": {
"syntax": "<length> | <percentage> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsExceptTableDisplayTypes",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"margin-inline-end": {
"syntax": "<'margin-left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "dependsOnLayoutModel",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "sameAsMargin",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"margin-inline-start": {
"syntax": "<'margin-left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "dependsOnLayoutModel",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "sameAsMargin",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"margin-left": {
"syntax": "<length> | <percentage> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsExceptTableDisplayTypes",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"margin-right": {
"syntax": "<length> | <percentage> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsExceptTableDisplayTypes",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"margin-top": {
"syntax": "<length> | <percentage> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsExceptTableDisplayTypes",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"marker-offset": {
"syntax": "<length> | auto",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Generated Content"
],
"initial": "<code>auto</code>",
"appliesto": "elementsWithDisplayMarker",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"mask": {
"syntax": "<mask-layer>#",
"media": "visual",
"inherited": false,
"animatable": [
"mask-position",
"mask-size"
],
"percentages": [
"mask-position"
],
"groups": [
"CSS Masks"
],
"initial": [
"mask-origin",
"mask-clip",
"mask-border"
],
"appliesto": "allElementsSVGContainerElements",
"computed": [
"mask-origin",
"mask-clip",
"mask-border"
],
"order": "uniqueOrder",
"stacking": true,
"status": "standard"
},
"mask-clip": {
"syntax": "[ <geometry-box> | no-clip ]#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Masks"
],
"initial": "<code>border-box</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"mask-composite": {
"syntax": "<compositing-operator>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Masks"
],
"initial": "<code>add</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"mask-image": {
"syntax": "<mask-reference>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Masks"
],
"initial": "<code>none</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecifiedURIsAbsolute",
"order": "uniqueOrder",
"status": "standard"
},
"mask-mode": {
"syntax": "<masking-mode>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Masks"
],
"initial": "<code>match-source</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"mask-origin": {
"syntax": "<geometry-box>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Masks"
],
"initial": "<code>border-box</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"mask-position": {
"syntax": "<position>#",
"media": "visual",
"inherited": false,
"animatable": {
"as": "repeatableList simpleList lpc"
},
"percentages": "referToSizeOfMaskPaintingArea",
"groups": [
"CSS Masks"
],
"initial": "<code>center</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "consistsOfTwoKeywordsForOriginAndOffsets",
"order": "uniqueOrder",
"status": "standard"
},
"mask-repeat": {
"syntax": "<repeat-style>#",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Masks"
],
"initial": "<code>no-repeat</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "consistsOfTwoDimensionKeywords",
"order": "uniqueOrder",
"status": "standard"
},
"mask-size": {
"syntax": "<bg-size>#",
"media": "visual",
"inherited": false,
"animatable": {
"as": "repeatableList simpleList lpc"
},
"percentages": "no",
"groups": [
"CSS Masks"
],
"initial": "<code>auto</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "standard"
},
"mask-type": {
"syntax": "luminance | alpha",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Masks"
],
"initial": "<code>luminance</code>",
"appliesto": "maskElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"max-block-size": {
"syntax": "<'max-width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "blockSizeOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "sameAsWidthAndHeight",
"computed": "sameAsMaxWidthAndMaxHeight",
"order": "uniqueOrder",
"status": "standard"
},
"max-height": {
"syntax": "<length> | <percentage> | none | max-content | min-content | fit-content | fill-available",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "regardingHeightOfGeneratedBoxContainingBlockPercentagesNone",
"groups": [
"CSS Box Model"
],
"initial": "<code>none</code>",
"appliesto": "allElementsButNonReplacedAndTableColumns",
"computed": "percentageAsSpecifiedAbsoluteLengthOrNone",
"order": "uniqueOrder",
"status": "standard"
},
"max-inline-size": {
"syntax": "<'max-width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "inlineSizeOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "sameAsWidthAndHeight",
"computed": "sameAsMaxWidthAndMaxHeight",
"order": "uniqueOrder",
"status": "standard"
},
"max-width": {
"syntax": "<length> | <percentage> | none | max-content | min-content | fit-content | fill-available",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>none</code>",
"appliesto": "allElementsButNonReplacedAndTableRows",
"computed": "percentageAsSpecifiedAbsoluteLengthOrNone",
"order": "uniqueOrder",
"status": "standard"
},
"min-block-size": {
"syntax": "<'min-width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "blockSizeOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "sameAsWidthAndHeight",
"computed": "sameAsMinWidthAndMinHeight",
"order": "uniqueOrder",
"status": "standard"
},
"min-height": {
"syntax": "<length> | <percentage> | auto | max-content | min-content | fit-content | fill-available",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "regardingHeightOfGeneratedBoxContainingBlockPercentages0",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsButNonReplacedAndTableColumns",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"status": "standard"
},
"min-inline-size": {
"syntax": "<'min-width'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "inlineSizeOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "sameAsWidthAndHeight",
"computed": "sameAsMinWidthAndMinHeight",
"order": "uniqueOrder",
"status": "standard"
},
"min-width": {
"syntax": "<length> | <percentage> | auto | max-content | min-content | fit-content | fill-available",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsButNonReplacedAndTableRows",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"status": "standard"
},
"mix-blend-mode": {
"syntax": "<blend-mode>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Compositing and Blending"
],
"initial": "<code>normal</code>",
"appliesto": "allHTMLElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"stacking": true,
"status": "standard"
},
"motion": {
"syntax": "<'motion-path'> && <'motion-offset'> && <'motion-rotation'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": [
"motion-offset"
],
"groups": [
"CSS Motion"
],
"initial": [
"motion-path",
"motion-offset",
"motion-rotation"
],
"appliesto": "allElementsSVGContainerElements",
"computed": [
"motion-path",
"motion-offset",
"motion-rotation"
],
"order": "orderOfAppearance",
"stacking": true,
"status": "experimental"
},
"motion-offset": {
"syntax": "<length> | <percentage>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToTotalPathLength",
"groups": [
"CSS Motion"
],
"initial": "<code>0</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"motion-path": {
"syntax": "<url> | [ <basic-shape> | <path()> ] || <geometry-box> | none",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Motion"
],
"initial": "<code>none</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"stacking": true,
"status": "experimental"
},
"motion-rotation": {
"syntax": "[ auto | reverse ] && <angle>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "number"
},
"percentages": "no",
"groups": [
"CSS Motion"
],
"initial": "<code>auto</code>",
"appliesto": "allElementsSVGContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"object-fit": {
"syntax": "fill | contain | cover | none | scale-down",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Images"
],
"initial": "<code>fill</code>",
"appliesto": "replacedElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"object-position": {
"syntax": "<position>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "repeatableList simpleList lpc"
},
"percentages": "referToWidthAndHeightOfElement",
"groups": [
"CSS Images"
],
"initial": "<code>50% 50%</code>",
"appliesto": "replacedElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"offset-block-end": {
"syntax": "<'left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalHeightOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "sameAsBoxOffsets",
"order": "uniqueOrder",
"status": "standard"
},
"offset-block-start": {
"syntax": "<'left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalHeightOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "sameAsBoxOffsets",
"order": "uniqueOrder",
"status": "standard"
},
"offset-inline-end": {
"syntax": "<'left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "sameAsBoxOffsets",
"order": "uniqueOrder",
"status": "standard"
},
"offset-inline-start": {
"syntax": "<'left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "sameAsBoxOffsets",
"order": "uniqueOrder",
"status": "standard"
},
"opacity": {
"syntax": "<number>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "number"
},
"percentages": "no",
"groups": [
"CSS Colors"
],
"initial": "<code>1.0</code>",
"appliesto": "allElements",
"computed": "specifiedValueClipped0To1",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::placeholder"
],
"status": "standard"
},
"order": {
"syntax": "<integer>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "integer"
},
"percentages": "no",
"groups": [
"CSS Flexible Box Layout"
],
"initial": "<code>0</code>",
"appliesto": "flexItemsAndAbsolutelyPositionedFlexContainerChildren",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"orphans": {
"syntax": "<integer>",
"media": "visual, paged",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Pages"
],
"initial": "<code><code>2</code></code>",
"appliesto": "blockContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"outline": {
"syntax": "[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]",
"media": "visual, interactive",
"inherited": false,
"animatable": [
"outline-color",
"outline-width",
"outline-style"
],
"percentages": "no",
"groups": [
"CSS User Interface"
],
"initial": [
"outline-color",
"outline-style",
"outline-width"
],
"appliesto": "allElements",
"computed": [
"outline-color",
"outline-width",
"outline-style"
],
"order": "orderOfAppearance",
"status": "standard"
},
"outline-color": {
"syntax": "<color> | invert",
"media": "visual, interactive",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS User Interface"
],
"initial": "invertOrCurrentColor",
"appliesto": "allElements",
"computed": "invertForTranslucentColorRGBAOtherwiseRGB",
"order": "uniqueOrder",
"status": "standard"
},
"outline-offset": {
"syntax": "<length>",
"media": "visual, interactive",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS User Interface"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "standard"
},
"outline-style": {
"syntax": "auto | <br-style>",
"media": "visual, interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS User Interface"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"outline-width": {
"syntax": "<br-width>",
"media": "visual, interactive",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS User Interface"
],
"initial": "<code>medium</code>",
"appliesto": "allElements",
"computed": "absoluteLength0ForNone",
"order": "uniqueOrder",
"status": "standard"
},
"overflow": {
"syntax": "visible | hidden | scroll | auto",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Box Model"
],
"initial": "<code>visible</code>",
"appliesto": "nonReplacedBlockAndInlineBlockElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"overflow-clip-box": {
"syntax": "padding-box | content-box",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Mozilla Extensions"
],
"initial": "<code>padding-box</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"overflow-wrap": {
"syntax": "normal | break-word",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"overflow-x": {
"syntax": "visible | hidden | scroll | auto",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Box Model"
],
"initial": "<code>visible</code>",
"appliesto": "nonReplacedBlockAndInlineBlockElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"overflow-y": {
"syntax": "visible | hidden | scroll | auto",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Box Model"
],
"initial": "<code>visible</code>",
"appliesto": "nonReplacedBlockAndInlineBlockElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"padding": {
"syntax": "[ <length> | <percentage> ]{1,4}",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": [
"padding-bottom",
"padding-left",
"padding-right",
"padding-top"
],
"appliesto": "allElementsExceptInternalTableDisplayTypes",
"computed": [
"padding-bottom",
"padding-left",
"padding-right",
"padding-top"
],
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"padding-block-end": {
"syntax": "<'padding-left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asLength",
"order": "uniqueOrder",
"status": "standard"
},
"padding-block-start": {
"syntax": "<'padding-left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asLength",
"order": "uniqueOrder",
"status": "standard"
},
"padding-bottom": {
"syntax": "<length> | <percentage>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsExceptInternalTableDisplayTypes",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"padding-inline-end": {
"syntax": "<'padding-left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asLength",
"order": "uniqueOrder",
"status": "standard"
},
"padding-inline-start": {
"syntax": "<'padding-left'>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "logicalWidthOfContainingBlock",
"groups": [
"CSS Logical Properties"
],
"initial": "<code>0</code>",
"appliesto": "allElements",
"computed": "asLength",
"order": "uniqueOrder",
"status": "standard"
},
"padding-left": {
"syntax": "<length> | <percentage>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsExceptInternalTableDisplayTypes",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"padding-right": {
"syntax": "<length> | <percentage>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsExceptInternalTableDisplayTypes",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"padding-top": {
"syntax": "<length> | <percentage>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>0</code>",
"appliesto": "allElementsExceptInternalTableDisplayTypes",
"computed": "percentageAsSpecifiedOrAbsoluteLength",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
],
"status": "standard"
},
"page-break-after": {
"syntax": "auto | always | avoid | left | right",
"media": "visual, paged",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Pages"
],
"initial": "<code>auto</code>",
"appliesto": "blockElementsInNormalFlow",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"page-break-before": {
"syntax": "auto | always | avoid | left | right",
"media": "visual, paged",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Pages"
],
"initial": "<code>auto</code>",
"appliesto": "blockElementsInNormalFlow",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"page-break-inside": {
"syntax": "auto | avoid",
"media": "visual, paged",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Pages"
],
"initial": "<code>auto</code>",
"appliesto": "blockElementsInNormalFlow",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"perspective": {
"syntax": "none | <length>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "no",
"groups": [
"CSS Transforms"
],
"initial": "<code>none</code>",
"appliesto": "transformableElements",
"computed": "absoluteLengthOrNone",
"order": "uniqueOrder",
"stacking": true,
"status": "standard"
},
"perspective-origin": {
"syntax": "[ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ]",
"media": "visual",
"inherited": false,
"animatable": {
"as": "simpleList lpc"
},
"percentages": "referToSizeOfBoundingBox",
"groups": [
"CSS Transforms"
],
"initial": "<code>50% 50%</code>",
"appliesto": "transformableElements",
"computed": "forLengthAbsoluteValueOtherwisePercentage",
"order": "oneOrTwoValuesLengthAbsoluteKeywordsPercentages",
"status": "standard"
},
"pointer-events": {
"syntax": "auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"Pointer Events"
],
"initial": "<code>auto</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"position": {
"syntax": "static | relative | absolute | sticky | fixed",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Positioning"
],
"initial": "<code>static</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"stacking": true,
"status": "standard"
},
"quotes": {
"syntax": "[<string> <string>]+ | none",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Generated Content"
],
"initial": "dependsOnUserAgent",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"resize": {
"syntax": "none | both | horizontal | vertical",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS User Interface"
],
"initial": "<code>none</code>",
"appliesto": "elementsWithOverflowNotVisibleAndReplacedElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"right": {
"syntax": "<length> | <percentage> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Positioning"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"ruby-align": {
"syntax": "start | center | space-between | space-around",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Ruby"
],
"initial": "<code>space-around</code>",
"appliesto": "rubyBasesAnnotationsBaseAnnotationContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"ruby-merge": {
"syntax": "separate | collapse | auto",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Ruby"
],
"initial": "<code>separate</code>",
"appliesto": "rubyAnnotationsContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"ruby-position": {
"syntax": "over | under | inter-character",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Ruby"
],
"initial": "<code>over</code>",
"appliesto": "rubyAnnotationsContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"scroll-behavior": {
"syntax": "auto | smooth",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSSOM View"
],
"initial": "<code>auto</code>",
"appliesto": "scrollingBoxes",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"scroll-snap-coordinate": {
"syntax": "none | <position>#",
"media": "interactive",
"inherited": false,
"animatable": {
"as": "position"
},
"percentages": "referToBorderBox",
"groups": [
"CSS Scroll Snap Points"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "standard"
},
"scroll-snap-destination": {
"syntax": "<position>",
"media": "interactive",
"inherited": false,
"animatable": {
"as": "position"
},
"percentages": "relativeToScrollContainerPaddingBoxAxis",
"groups": [
"CSS Scroll Snap Points"
],
"initial": "<code>0px 0px</code>",
"appliesto": "scrollContainers",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "standard"
},
"scroll-snap-points-x": {
"syntax": "none | repeat(<length>)",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "relativeToScrollContainerPaddingBoxAxis",
"groups": [
"CSS Scroll Snap Points"
],
"initial": "<code>none</code>",
"appliesto": "scrollContainers",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "obsolete"
},
"scroll-snap-points-y": {
"syntax": "none | repeat(<length>)",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "relativeToScrollContainerPaddingBoxAxis",
"groups": [
"CSS Scroll Snap Points"
],
"initial": "<code>none</code>",
"appliesto": "scrollContainers",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "obsolete"
},
"scroll-snap-type": {
"syntax": "none | mandatory | proximity",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Scroll Snap Points"
],
"initial": "<code>none</code>",
"appliesto": "scrollContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"scroll-snap-type-x": {
"syntax": "none | mandatory | proximity",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Scroll Snap Points"
],
"initial": "<code>none</code>",
"appliesto": "scrollContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"scroll-snap-type-y": {
"syntax": "none | mandatory | proximity",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Scroll Snap Points"
],
"initial": "<code>none</code>",
"appliesto": "scrollContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "nonstandard"
},
"shape-image-threshold": {
"syntax": "<number>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "number"
},
"percentages": "no",
"groups": [
"CSS Shapes"
],
"initial": "<code>0.0</code>",
"appliesto": "floats",
"computed": "specifiedValueNumberClipped0To1",
"order": "uniqueOrder",
"status": "standard"
},
"shape-margin": {
"syntax": "<length> | <percentage>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Shapes"
],
"initial": "<code>0</code>",
"appliesto": "floats",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"status": "standard"
},
"shape-outside": {
"syntax": "none | <shape-box> || <basic-shape> | <image>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "basic-shape"
},
"percentages": "no",
"groups": [
"CSS Shapes"
],
"initial": "<code>none</code>",
"appliesto": "floats",
"computed": "asDefinedForBasicShapeWithAbsoluteURIOtherwiseAsSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"tab-size": {
"syntax": "<integer> | <length>",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>8</code>",
"appliesto": "blockContainers",
"computed": "specifiedIntegerOrAbsoluteLength",
"order": "uniqueOrder",
"status": "standard"
},
"table-layout": {
"syntax": "auto | fixed",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Table"
],
"initial": "<code>auto</code>",
"appliesto": "tableElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"text-align": {
"syntax": "start | end | left | right | center | justify | match-parent",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "startOrNamelessValueIfLTRRightIfRTL",
"appliesto": "blockContainers",
"computed": "asSpecifiedExceptMatchParent",
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::placeholder"
],
"status": "standard"
},
"text-align-last": {
"syntax": "auto | start | end | left | right | center | justify",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>auto</code>",
"appliesto": "blockContainers",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"text-combine-upright": {
"syntax": "none | all | [ digits <integer>? ]",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Writing Modes"
],
"initial": "<code>none</code>",
"appliesto": "nonReplacedInlineElements",
"computed": "keywordPlusIntegerIfDigits",
"order": "uniqueOrder",
"status": "standard"
},
"text-decoration": {
"syntax": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>",
"media": "visual",
"inherited": false,
"animatable": [
"text-decoration-color",
"text-decoration-style",
"text-decoration-line"
],
"percentages": "no",
"groups": [
"CSS Text Decoration"
],
"initial": [
"text-decoration-color",
"text-decoration-style",
"text-decoration-line"
],
"appliesto": "allElements",
"computed": [
"text-decoration-line",
"text-decoration-style",
"text-decoration-color"
],
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"text-decoration-color": {
"syntax": "<color>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": [
"CSS Text Decoration"
],
"initial": "<code>currentColor</code>",
"appliesto": "allElements",
"computed": "'color'",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"text-decoration-line": {
"syntax": "none | [ underline || overline || line-through || blink ]",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text Decoration"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"text-decoration-skip": {
"syntax": "none | [ objects || spaces || ink || edges || box-decoration ]",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text Decoration"
],
"initial": "<code>objects</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "experimental"
},
"text-decoration-style": {
"syntax": "solid | double | dotted | dashed | wavy",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text Decoration"
],
"initial": "<code>solid</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"text-emphasis": {
"syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>",
"media": "visual",
"inherited": false,
"animatable": ["text-emphasis-color", "text-emphasis-style"],
"percentages": "no",
"groups": ["CSS Text Decoration"],
"initial": ["text-emphasis-style", "text-emphasis-color"],
"appliesto": "allElements",
"computed": ["text-emphasis-style", "text-emphasis-color"],
"order": "orderOfAppearance",
"status": "standard"
},
"text-emphasis-color": {
"syntax": "<color>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "color"
},
"percentages": "no",
"groups": ["CSS Text Decoration"],
"initial": "<code>currentColor</code>",
"appliesto": "allElements",
"computed": "'color'",
"order": "uniqueOrder",
"status": "standard"
},
"text-emphasis-position": {
"syntax": "[ over | under ] && [ right | left ]",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text Decoration"
],
"initial": "<code>over right</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"text-emphasis-style": {
"syntax": "none | [[filled | open ] || [dot | circle | double-circle | triangle | sesame ]] | <string>",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": ["CSS Text Decoration"],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"text-indent": {
"syntax": "<length> | <percentage> && [ hanging || each-line ]",
"media": "visual",
"inherited": true,
"animatable": {
"as": "lpc"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Text"
],
"initial": "<code>0</code>",
"appliesto": "blockContainers",
"computed": "percentageOrAbsoluteLengthPlusKeywords",
"order": "lengthOrPercentageBeforeKeywords",
"status": "standard"
},
"text-orientation": {
"syntax": "mixed | upright | sideways",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Writing Modes"
],
"initial": "<code>mixed</code>",
"appliesto": "allElementsExceptTableRowGroupsRowsColumnGroupsAndColumns",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"text-overflow": {
"syntax": "[ clip | ellipsis | <string> ]{1,2}",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS User Interface"
],
"initial": "<code>clip</code>",
"appliesto": "blockContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::placeholder"
],
"status": "standard"
},
"text-rendering": {
"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Miscellaneous"
],
"initial": "<code>auto</code>",
"appliesto": "textElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"text-shadow": {
"syntax": "none | <shadow-t>#",
"media": "visual",
"inherited": true,
"animatable": {
"as": "shadowList"
},
"percentages": "no",
"groups": [
"CSS Text Decoration"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "colorPlusThreeAbsoluteLengths",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"text-size-adjust": {
"syntax": "none | auto | <percentage> ",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "referToSizeOfFont",
"groups": [
"CSS Text"
],
"initial": "autoForSmartphoneBrowsersSupportingInflation",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"text-transform": {
"syntax": "none | capitalize | uppercase | lowercase | full-width",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>none</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"text-underline-position": {
"syntax": "auto | [ under || [ left | right ] ]",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text Decoration"
],
"initial": "<code>auto</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
},
"top": {
"syntax": "<length> | <percentage> | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToContainingBlockHeight",
"groups": [
"CSS Positioning"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"touch-action": {
"syntax": "auto | none | [[ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ]] | manipulation",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"Pointer Events"
],
"initial": "<code>auto</code>",
"appliesto": "allElementsExceptNonReplacedInlineElementsTableRowsColumnsRowColumnGroups",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"transform": {
"syntax": "none | <transform-list>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "transform"
},
"percentages": "referToSizeOfBoundingBox",
"groups": [
"CSS Transforms"
],
"initial": "<code>none</code>",
"appliesto": "transformableElements",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"order": "uniqueOrder",
"stacking": true,
"status": "standard"
},
"transform-box": {
"syntax": "border-box | fill-box | view-box",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Transforms"
],
"initial": "<code>border-box </code>",
"appliesto": "transformableElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"transform-origin": {
"syntax": "[ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ] <length>?",
"media": "visual",
"inherited": false,
"animatable": {
"as": "simpleList lpc"
},
"percentages": "referToSizeOfBoundingBox",
"groups": [
"CSS Transforms"
],
"initial": "<code>50% 50% 0</code>",
"appliesto": "transformableElements",
"computed": "forLengthAbsoluteValueOtherwisePercentage",
"order": "oneOrTwoValuesLengthAbsoluteKeywordsPercentages",
"status": "standard"
},
"transform-style": {
"syntax": "flat | preserve-3d",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Transforms"
],
"initial": "<code>flat</code>",
"appliesto": "transformableElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"stacking": true,
"status": "standard"
},
"transition": {
"syntax": "<single-transition>#",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Transitions"
],
"initial": [
"transition-delay",
"transition-duration",
"transition-property",
"transition-timing-function"
],
"appliesto": "allElementsAndPseudos",
"computed": [
"transition-delay",
"transition-duration",
"transition-property",
"transition-timing-function"
],
"order": "orderOfAppearance",
"status": "standard"
},
"transition-delay": {
"syntax": "<time>#",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Transitions"
],
"initial": "<code>0s</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"transition-duration": {
"syntax": "<time>#",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Transitions"
],
"initial": "<code>0s</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"transition-property": {
"syntax": "none | <single-transition-property># [ ‘,’ <single-transition-property># ]*",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Transitions"
],
"initial": "<code>all</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"transition-timing-function": {
"syntax": " <single-transition-timing-function>#",
"media": "interactive",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Transitions"
],
"initial": "<code>ease</code>",
"appliesto": "allElementsAndPseudos",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"unicode-bidi": {
"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
"media": "visual",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Writing Modes"
],
"initial": "<code>normal</code>",
"appliesto": "allElementsSomeValuesNoEffectOnNonInlineElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"vertical-align": {
"syntax": "baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "length"
},
"percentages": "referToLineHeight",
"groups": [
"CSS Table"
],
"initial": "<code>baseline</code>",
"appliesto": "inlineLevelAndTableCellElements",
"computed": "absoluteLengthOrKeyword",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"visibility": {
"syntax": "visible | hidden | collapse",
"media": "visual",
"inherited": true,
"animatable": {
"as": "visibility"
},
"percentages": "no",
"groups": [
"CSS Box Model"
],
"initial": "<code>visible</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"white-space": {
"syntax": "normal | pre | nowrap | pre-wrap | pre-line",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"widows": {
"syntax": "<integer>",
"media": "visual, paged",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Pages"
],
"initial": "<code><code>2</code></code>",
"appliesto": "blockContainerElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"width": {
"syntax": "[<length> | <percentage>] && [border-box | content-box]? | available | min-content | max-content | fit-content | auto",
"media": "visual",
"inherited": false,
"animatable": {
"as": "lpc"
},
"percentages": "referToWidthOfContainingBlock",
"groups": [
"CSS Box Model"
],
"initial": "<code>auto</code>",
"appliesto": "allElementsButNonReplacedAndTableRows",
"computed": "percentageAutoOrAbsoluteLength",
"order": "lengthOrPercentageBeforeKeywordIfBothPresent",
"status": "standard"
},
"will-change": {
"syntax": "auto | <animateable-feature>#",
"media": "all",
"inherited": false,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Miscellaneous"
],
"initial": "<code>auto</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"word-break": {
"syntax": "normal | break-all | keep-all",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"word-spacing": {
"syntax": "normal | <length> | <percentage>",
"media": "visual",
"inherited": true,
"animatable": {
"as": "length"
},
"percentages": "referToWidthOfAffectedGlyph",
"groups": [
"CSS Text"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "optimumMinAndMaxValueOfAbsoluteLengthPercentageOrNormal",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter",
"::first-line",
"::placeholder"
],
"status": "standard"
},
"word-wrap": {
"syntax": "normal | break-word",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Text"
],
"initial": "<code>normal</code>",
"appliesto": "allElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"writing-mode": {
"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
"media": "visual",
"inherited": true,
"animatable": "no",
"percentages": "no",
"groups": [
"CSS Writing Modes"
],
"initial": "<code>horizontal-tb</code>",
"appliesto": "allElementsExceptTableRowColumnGroupsTableRowsColumns",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"z-index": {
"syntax": "auto | <integer>",
"media": "visual",
"inherited": false,
"animatable": {
"as": "integer"
},
"percentages": "no",
"groups": [
"CSS Positioning"
],
"initial": "<code>auto</code>",
"appliesto": "positionedElements",
"computed": "asSpecified",
"order": "uniqueOrder",
"stacking": true,
"status": "standard"
}
},
"types": {
"<angle>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<basic-shape>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<blend-mode>": {
"groups": [
"CSS Colors",
"CSS Types"
],
"status": "standard"
},
"<color>": {
"groups": [
"CSS Colors",
"CSS Types"
],
"status": "standard"
},
"<frequency>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<gradient>": {
"groups": [
"CSS Images",
"CSS Types"
],
"status": "standard"
},
"<image>": {
"groups": [
"CSS Images",
"CSS Types"
],
"status": "standard"
},
"<integer>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<length>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<number>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<percentage>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<position>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<ratio>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<resolution>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<shape>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<string>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<time>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<timing-function>": {
"groups": [
"CSS Animations",
"CSS Transitions",
"CSS Types"
],
"status": "standard"
},
"<transform-function>": {
"groups": [
"CSS Transforms",
"CSS Types"
],
"status": "standard"
},
"<url>": {
"groups": [
"CSS Types"
],
"status": "standard"
},
"<user-ident>": {
"groups": [
"CSS Types"
],
"status": "standard"
}
},
"syntaxes": {
"absolute-size": "xx-small | s-small | small | medium | large | x-large | xx-large",
"alpha-value": "<number>",
"animateable-feature": "scroll-position | contents | <custom-ident>",
"attachment": "scroll | fixed | local",
"attr()": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
"auto-track-list": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]+ <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]+ <line-names>?",
"basic-shape": "<inset()> | <circle()> | <ellipse()> | <polygon()>",
"bg-image": "none | <image>",
"bg-layer": "<bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2}",
"bg-size": "[ <length> | <percentage> | auto ]{1,2} | cover | contain",
"blur()": "blur( <length> )",
"box": "border-box | padding-box | content-box",
"br-style": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
"br-width": "<length> | thin | medium | thick",
"brightness()": "brightness( [ <number> | <percentage> ] )",
"calc()": "calc( <calc-sum> )",
"calc-sum": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*",
"calc-product": "<calc-value> [ '*' <calc-value> | '/' <number> ]*",
"calc-value": "<number> | <dimension> | <percentage> | ( <calc-sum> )",
"cf-final-image": "<image> | <color>",
"cf-mixing-image": "<percentage>? && <image>",
"circle()": "circle( [<shape-radius>]? [at <position>]? )",
"clip-source": "<url>",
"color": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>",
"color-stop": "<color> [ <percentage> | <length> ]?",
"color-stop-list": "<color-stop>{2,}",
"common-lig-values": "[ common-ligatures | no-common-ligatures ]",
"composite-style": "clear | copy | source-over | source-in | source-out | source-atop | destination-over | destination-in | destination-out | destination-atop | xor",
"compositing-operator": "add | subtract | intersect | exclude",
"contextual-alt-values": "[ contextual | no-contextual ]",
"contrast()": "contrast( [ <number> | <percentage> ] )",
"counter-style": "<counter-style-name> | symbols()",
"counter-style-name": "<custom-ident>",
"cross-fade()": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
"deprecated-system-color": "ActiveBorder | ActiveCaption | AppWorkspace | Background | ButtonFace | ButtonHighlight | ButtonShadow | ButtonText | CaptionText | GrayText | Highlight | HighlightText | InactiveBorder | InactiveCaption | InactiveCaptionText | InfoBackground | InfoText | Menu | MenuText | Scrollbar | ThreeDDarkShadow | ThreeDFace | ThreeDHighlight | ThreeDLightShadow | ThreeDShadow | Window | WindowFrame | WindowText",
"discretionary-lig-values": "[ discretionary-ligatures | no-discretionary-ligatures ]",
"drop-shadow()": "drop-shadow( <length>{2,3} <color>? )",
"east-asian-variant-values": "[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]",
"east-asian-width-values": "[ full-width | proportional-width ]",
"element()": "element( <id-selector> )",
"ellipse()": "ellipse( [<shape-radius>{2}]? [at <position>]? )",
"ending-shape": "circle | ellipse",
"family-name": "<string> | <IDENT>+",
"feature-tag-value": "<string> [ <integer> | on | off ]?",
"feature-value-name": "IDENT",
"fill-rule": "nonzero | evenodd",
"filter-function": "<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>",
"filter-function-list": "[ <filter-function> | <url> ]+",
"final-bg-layer": "<bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box> || <'background-color'>",
"fixed-breadth": "<length> | <percentage>",
"fixed-size": "<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> )",
"font-variant-css21": "[normal | small-caps]",
"generic-family": "serif | sans-serif | cursive | fantasy | monospace",
"generic-name": "serif | sans-serif | cursive | fantasy | monospace",
"geometry-box": "<shape-box> | fill-box | stroke-box | view-box",
"gradient": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>",
"grayscale()": "grayscale( [ <number> | <percentage> ] )",
"grid-line": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]",
"historical-lig-values": "[ historical-ligatures | no-historical-ligatures ]",
"hsl()": "hsl( <hue>, <percentage>, <percentage> )",
"hsla()": "hsla( <hue>, <percentage>, <percentage>, <alpha-value> )",
"hue": "<number>",
"hue-rotate()": "hue-rotate( <angle> )",
"image": "<url> | <image()> | <image-set()> | <element()> | <cross-fade()> | <gradient>",
"image()": "image( [ [ <image> | <string> ]? , <color>? ]! )",
"image-set()": "image-set( <image-set-option># )",
"image-set-option": "[ <image> | <string> ] <resolution>",
"inset()": "inset( <shape-arg>{1,4} [round <border-radius>]? )",
"invert()": "invert( [ <number> | <percentage> ] )",
"line-names": "'[' <custom-ident>* ']'",
"line-name-list": "[ <line-names> | <name-repeat> ]+",
"linear-gradient()": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
"mask-layer": "<mask-reference> <masking-mode>? || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator>",
"mask-position": "[ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]?",
"mask-reference": "none | <image> | <mask-source>",
"mask-source": "<url>",
"masking-mode": "alpha | luminance | match-source",
"matrix()": "matrix( <number> [, <number> ]{5,5} )",
"matrix3d()": "matrix3d( <number> [, <number> ]{15,15} )",
"named-color": "<ident>",
"namespace-prefix": "IDENT",
"numeric-figure-values": "[ lining-nums | oldstyle-nums ]",
"numeric-fraction-values": "[ diagonal-fractions | stacked-fractions ]",
"numeric-spacing-values": "[ proportional-nums | tabular-nums ]",
"opacity()": "opacity( [ <number> | <percentage> ] )",
"perspective()": "perspective( <length> )",
"polygon()": "polygon( [<fill-rule>,]? [<shape-arg> <shape-arg>]# )",
"radial-gradient()": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
"relative-size": "larger | smaller",
"repeat-style": "repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}",
"repeating-linear-gradient()": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
"repeating-radial-gradient()": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
"rgb()": "rgb( <rgb-component>#{3} )",
"rgb-component": "<integer> | <percentage>",
"rgba()": "rgba( <rgb-component>#{3} , <alpha-value> )",
"rotate()": "rotate( <angle> )",
"rotate3d()": "rotate3d( <number> , <number> , <number> , <angle> )",
"rotateX()": "rotateX( <angle> )",
"rotateY()": "rotateY( <angle> )",
"rotateZ()": "rotateZ( <angle> )",
"saturate()": "saturate( [ <number> | <percentage> ] )",
"scale()": "scale( <number> [, <number> ]? )",
"scale3d()": "scale3d( <number> , <number>, <number> )",
"scaleX()": "scaleX( <number> )",
"scaleY()": "scaleY( <number> )",
"scaleZ()": "scaleZ( <number> )",
"shape-arg": "<length> | <percentage>",
"shape-radius": "<length> | <percentage> | closest-side | farthest-side",
"skew()": "skew( <angle> [, <angle> ]? )",
"skewX()": "skewX( <angle> )",
"skewY()": "skewY( <angle> )",
"sepia()": "sepia( [ <number> | <percentage> ] )",
"shadow": "inset? && <length>{2,4} && <color>?",
"shadow-t": "[ <length>{2,3} && <color>? ]",
"shape": "rect(<top>, <right>, <bottom>, <left>)",
"shape-box": "<box> | margin-box",
"side-or-corner": "[ left | right ] || [ top | bottom ]",
"single-animation": "<time> || <single-timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || <single-animation-name>",
"single-animation-direction": "normal | reverse | alternate | alternate-reverse",
"single-animation-fill-mode": "none | forwards | backwards | both",
"single-animation-iteration-count": "infinite | <number>",
"single-animation-name": "none | IDENT",
"single-animation-play-state": "running | paused",
"single-timing-function": "<single-transition-timing-function>",
"single-transition": "[ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>",
"single-transition-timing-function": "ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(<integer>[, [ start | end ] ]?) | cubic-bezier(<number>, <number>, <number>, <number>)",
"single-transition-property": "all | IDENT",
"size": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | [ <length> | <percentage> ]{2}",
"symbol": "<string> | <image> | <ident>",
"track-breadth": "<length> | <percentage> | <flex> | min-content | max-content | auto",
"track-list": "[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?",
"track-size": "<track-breadth> | minmax( <track-breadth> , <track-breadth> )",
"transform-function": "[ <matrix()> || <translate()> || <translateX()> || <translateY()> || <scale()> || <scaleX()> || <scaleY()> || <rotate()> || <skew()> || <skewX()> || <skewY()> || <matrix3d()> || <translate3d()> || <translateZ()> || <scale3d()> || <scaleZ()> || <rotate3d()> || <rotateX()> || <rotateY()> || <rotateZ()> || <perspective()> ]+",
"transform-list": "<transform-function>+",
"translate()": "translate( <length> | <percentage> [, <length> | <percentage> ]? )",
"translate3d()": "translate3d( <length> | <percentage> , <length> | <percentage> , <length> )",
"translateX()": "translateX( <length> | <percentage> )",
"translateY()": "translateY( <length> | <percentage> )",
"translateZ()": "translateZ( <length> )",
"type-or-unit": "string | integer | color | url | integer | number | length | angle | time | frequency | em | ex | px | rem | vw | vh | vmin | vmax | mm | cm | in | pt | pc | deg | grad | rad | ms | s | Hz | kHz | %",
"viewport-length": "auto | <length> | <percentage>"
},
"atRules": {
"@charset": {
"syntax": "@charset \"<charset>\";",
"groups": [
"CSS Charsets"
],
"status": "standard"
},
"@counter-style": {
"syntax": "@counter-style <counter-style-name> {\n [ system: <counter-system>; ] ||\n [ symbols: <counter-symbols>; ] ||\n [ additive-symbols: <additive-symbols>; ] ||\n [ negative: <negative-symbol>; ] ||\n [ prefix: <prefix>; ] ||\n [ suffix: <suffix>; ] ||\n [ range: <range>; ] ||\n [ pad: <padding>; ] ||\n [ speak-as: <speak-as>; ] ||\n [ fallback: <counter-style-name>; ]\n}",
"interfaces": [
"CSSCounterStyleRule"
],
"groups": [
"CSS Lists and Counters"
],
"descriptors": {
"additive-symbols": {
"syntax": "[ <integer> && <symbol> ]#",
"media": "all",
"initial": "N/A",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
},
"fallback": {
"syntax": "<counter-style-name>",
"media": "all",
"initial": "<code>decimal</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"negative": {
"syntax": "<symbol> <symbol>?",
"media": "all",
"initial": "\"-\" hyphen-minus",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
},
"pad": {
"syntax": "<integer> && <symbol>",
"media": "all",
"initial": "<code>0 \"\"</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"prefix": {
"syntax": "<symbol>",
"media": "all",
"initial": "the empty string",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"range": {
"syntax": "[ [ <integer> | infinite ]{2} ]# | auto",
"media": "all",
"initial": "<code>auto</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
},
"speak-as": {
"syntax": "auto | bullets | numbers | words | spell-out | <counter-style-name>",
"media": "all",
"initial": "<code>auto</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"suffix": {
"syntax": "<symbol>",
"media": "all",
"initial": "\".\" full stop followed by a space",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"symbols": {
"syntax": "<symbol>+",
"media": "all",
"initial": "N/A",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
},
"system": {
"syntax": "cyclic | numeric | alphabetic | symbolic | additive | [fixed <integer>?] | [ extends <counter-style-name> ]",
"media": "all",
"initial": "<code>symbolic</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
}
},
"status": "standard"
},
"@document": {
"syntax": "@document [ <url> | url-prefix(<string>) | domain(<string>) | regexp(<string>) ]# {\n <group-rule-body>\n}",
"interfaces": [
"CSSGroupingRule",
"CSSConditionRule"
],
"groups": [
"CSS Conditional Rules"
],
"status": "nonstandard"
},
"@font-face": {
"syntax": "@font-face {\n [ font-family: <family-name>; ] ||\n [ src: [ <uri> [format(<string>#)]? | <font-face-name> ]#; ] ||\n [ unicode-range: <urange>#; ] ||\n [ font-variant: <font-variant>; ] ||\n [ font-feature-settings: normal | <feature-tag-value>#; ] ||\n [ font-stretch: <font-stretch>; ] ||\n [ font-weight: <weight>; ] ||\n [ font-style: <style>; ]\n}",
"interfaces": [
"CSSFontFaceRule"
],
"groups": [
"CSS Fonts"
],
"descriptors": {
"font-family": {
"syntax": "<family-name>",
"media": "all",
"initial": "n/a (required)",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"font-feature-settings": {
"syntax": "normal | <feature-tag-value>#",
"media": "all",
"initial": "<code>normal</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
},
"font-stretch": {
"syntax": "normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
"media": "all",
"initial": "<code>normal</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"font-style": {
"syntax": "normal | italic | oblique",
"media": "all",
"initial": "<code>normal</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"font-weight": {
"syntax": "normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900",
"media": "all",
"initial": "<code>normal</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"font-variant": {
"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
"media": "all",
"initial": "<code>normal</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
},
"src": {
"syntax": "[ <url> format(<string>#)? | local(<family-name>) ]#",
"media": "all",
"initial": "n/a (required)",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
},
"unicode-range": {
"syntax": "<unicode-range>#",
"media": "all",
"initial": "<code>U+0-10FFFF</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "standard"
}
},
"status": "standard"
},
"@font-feature-values": {
"syntax": "@font-feature-values <font-family> {\n [ @swash | @ornaments | @annotation | @stylistic | @styleset | @character-variant\n {\n [ <IDENT>: <integer>+ ]?\n }\n ]?\n}",
"interfaces": [
"CSSFontFeatureValuesRule"
],
"groups": [
"CSS Fonts"
],
"status": "standard"
},
"@import": {
"syntax": "@import [ <string> | <url> ] [<media-query-list>]?;",
"groups": [
"Media Queries"
],
"status": "standard"
},
"@keyframes": {
"syntax": "@keyframes <identifier> {\n [ [ from | to | <percentage> ] [, from | to | <percentage> ]* block ]*\n}",
"interfaces": [
"CSSKeyframeRule",
"CSSKeyframesRule"
],
"groups": [
"CSS Animations"
],
"status": "standard"
},
"@media": {
"syntax": "@media <media-query-list> {\n <group-rule-body>\n}",
"interfaces": [
"CSSGroupingRule",
"CSSConditionRule",
"CSSMediaRule",
"CSSCustomMediaRule"
],
"groups": [
"CSS Conditional Rules",
"Media Queries"
],
"status": "standard"
},
"@namespace": {
"syntax": "@namespace <namespace-prefix>? [ <string> | <uri> ];",
"groups": [
"CSS Namespaces"
],
"status": "standard"
},
"@page": {
"syntax": "@page <page-selector-list> {\n <group-rule-body>\n}",
"interfaces": [
"CSSPageRule"
],
"groups": [
"CSS Pages"
],
"descriptors": {
"bleed": {
"syntax": "auto | <length>",
"media": "visual, paged",
"initial": "<code>auto</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "experimental"
},
"marks": {
"syntax": "none | [ crop || cross ]",
"media": "visual, paged",
"initial": "<code>none</code>",
"percentages": "no",
"computed": "asSpecified",
"order": "orderOfAppearance",
"status": "experimental"
}
},
"status": "standard"
},
"@supports": {
"syntax": "@supports <supports-condition> {\n <group-rule-body>\n}",
"interfaces": [
"CSSGroupingRule",
"CSSConditionRule",
"CSSSupportsRule"
],
"groups": [
"CSS Conditional Rules"
],
"status": "standard"
},
"@viewport": {
"syntax": "@viewport {\n <group-rule-body>\n}",
"interfaces": [
"CSSViewportRule"
],
"groups": [
"CSS Device Adaptation"
],
"descriptors": {
"height": {
"syntax": "<viewport-length>{1,2}",
"media": "visual, continuous",
"initial": [
"min-height",
"max-height"
],
"percentages": [
"min-height",
"max-height"
],
"computed": [
"min-height",
"max-height"
],
"order": "orderOfAppearance",
"status": "standard"
},
"max-height": {
"syntax": "<viewport-length>",
"media": "visual, continuous",
"initial": "<code>auto</code>",
"percentages": "referToHeightOfInitialViewport",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"max-width": {
"syntax": "<viewport-length>",
"media": "visual, continuous",
"initial": "<code>auto</code>",
"percentages": "referToWidthOfInitialViewport",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"max-zoom": {
"syntax": "auto | <number> | <percentage>",
"media": "visual, continuous",
"initial": "<code>auto</code>",
"percentages": "the zoom factor itself",
"computed": "autoNonNegativeOrPercentage",
"order": "uniqueOrder",
"status": "standard"
},
"min-height": {
"syntax": "<viewport-length>",
"media": "visual, continuous",
"initial": "<code>auto</code>",
"percentages": "referToHeightOfInitialViewport",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"min-width": {
"syntax": "<viewport-length>",
"media": "visual, continuous",
"initial": "<code>auto</code>",
"percentages": "referToWidthOfInitialViewport",
"computed": "lengthAbsolutePercentageAsSpecifiedOtherwiseAuto",
"order": "uniqueOrder",
"status": "standard"
},
"min-zoom": {
"syntax": "auto | <number> | <percentage>",
"media": "visual, continuous",
"initial": "<code>auto</code>",
"percentages": "the zoom factor itself",
"computed": "autoNonNegativeOrPercentage",
"order": "uniqueOrder",
"status": "standard"
},
"orientation": {
"syntax": "auto | portrait | landscape",
"media": "visual, continuous",
"initial": "<code>auto</code>",
"percentages": "referToSizeOfBoundingBox",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"user-zoom": {
"syntax": "zoom | fixed",
"media": "visual, continuous",
"initial": "<code>zoom</code>",
"percentages": "referToSizeOfBoundingBox",
"computed": "asSpecified",
"order": "uniqueOrder",
"status": "standard"
},
"width": {
"syntax": "<viewport-length>{1,2}",
"media": "visual, continuous",
"initial": [
"min-width",
"max-width"
],
"percentages": [
"min-width",
"max-width"
],
"computed": [
"min-width",
"max-width"
],
"order": "orderOfAppearance",
"status": "standard"
},
"zoom": {
"syntax": "auto | <number> | <percentage>",
"media": "visual, continuous",
"initial": "<code>auto</code>",
"percentages": "the zoom factor itself",
"computed": "autoNonNegativeOrPercentage",
"order": "uniqueOrder",
"status": "standard"
}
},
"status": "standard"
}
},
"selectors": {
"Type selectors": {
"syntax": "element",
"groups": [
"Basic Selectors"
],
"status": "standard"
},
"Class selectors": {
"syntax": ".class",
"groups": [
"Basic Selectors"
],
"status": "standard"
},
"ID selectors": {
"syntax": "#id",
"groups": [
"Basic Selectors"
],
"status": "standard"
},
"Universal selectors": {
"syntax": "*",
"groups": [
"Basic Selectors"
],
"status": "standard"
},
"Attribute selectors": {
"syntax": "[attr=value]",
"groups": [
"Basic Selectors"
],
"status": "standard"
},
"Adjacent sibling selectors": {
"syntax": "A + B",
"groups": [
"Combinators"
],
"status": "standard"
},
"General sibling selectors": {
"syntax": "A ~ B",
"groups": [
"Combinators"
],
"status": "standard"
},
"Child selectors": {
"syntax": "A > B",
"groups": [
"Combinators"
],
"status": "standard"
},
"Descendant selectors": {
"syntax": "A B",
"groups": [
"Combinators"
],
"status": "standard"
},
":active": {
"syntax": ":active",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":any": {
"syntax": ":any",
"groups": [
"Pseudo-classes"
],
"status": "experimental"
},
":checked": {
"syntax": ":checked",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":default": {
"syntax": ":default",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":dir": {
"syntax": ":dir()",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":disabled": {
"syntax": ":disabled",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":empty": {
"syntax": ":empty",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":enabled": {
"syntax": ":enabled",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":first": {
"syntax": ":first",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":first-child": {
"syntax": ":first-child",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":first-of-type": {
"syntax": ":first-of-type",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":fullscreen": {
"syntax": ":fullscreen",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":focus": {
"syntax": ":focus",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":hover": {
"syntax": ":hover",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":indeterminate": {
"syntax": ":indeterminate",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":in-range": {
"syntax": ":in-range",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":invalid": {
"syntax": ":invalid",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":lang": {
"syntax": ":lang()",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":last-child": {
"syntax": ":last-child",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":last-of-type": {
"syntax": ":last-of-type",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":left": {
"syntax": ":left",
"groups": [
"Pseudo-classes",
"CSS Pages"
],
"status": "standard"
},
":link": {
"syntax": ":link",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":not": {
"syntax": ":not()",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":nth-child": {
"syntax": ":nth-child()",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":nth-last-child": {
"syntax": ":nth-last-child()",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":nth-last-of-type": {
"syntax": ":nth-last-of-type()",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":nth-of-type": {
"syntax": ":nth-of-type()",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":only-child": {
"syntax": ":only-child",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":only-of-type": {
"syntax": ":only-of-type",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":optional": {
"syntax": ":optional",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":out-of-range": {
"syntax": ":out-of-range",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":read-only": {
"syntax": ":read-only",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":read-write": {
"syntax": ":read-write",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":required": {
"syntax": ":required",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":right": {
"syntax": ":right",
"groups": [
"Pseudo-classes",
"CSS Pages"
],
"status": "standard"
},
":root": {
"syntax": ":root",
"groups": [
"Pseudo-classes",
"CSS Pages"
],
"status": "standard"
},
":scope": {
"syntax": ":scope",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":target": {
"syntax": ":target",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":unresolved": {
"syntax": ":unresolved",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":valid": {
"syntax": ":valid",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
":visited": {
"syntax": ":visited",
"groups": [
"Pseudo-classes"
],
"status": "standard"
},
"::after": {
"syntax": "::after",
"groups": [
"Pseudo-elements"
],
"status": "standard"
},
"::-ms-fill": {
"syntax": "::-ms-fill",
"groups": [
"Pseudo-elements",
"Microsoft Extensions"
],
"status": "nonstandard"
},
"::-ms-fill-lower": {
"syntax": "::-ms-fill-lower",
"groups": [
"Pseudo-elements",
"Microsoft Extensions"
],
"status": "nonstandard"
},
"::-ms-fill-upper": {
"syntax": "::-ms-fill-upper",
"groups": [
"Pseudo-elements",
"Microsoft Extensions"
],
"status": "nonstandard"
},
"::-ms-thumb": {
"syntax": "::-ms-thumb",
"groups": [
"Pseudo-elements",
"Microsoft Extensions"
],
"status": "nonstandard"
},
"::-ms-track": {
"syntax": "::-ms-track",
"groups": [
"Pseudo-elements",
"Microsoft Extensions"
],
"status": "nonstandard"
},
"::-moz-progress-bar": {
"syntax": "::-moz-progress-bar",
"groups": [
"Pseudo-elements",
"Mozilla Extensions"
],
"status": "nonstandard"
},
"::-moz-range-progress": {
"syntax": "::-moz-range-progress",
"groups": [
"Pseudo-elements",
"Mozilla Extensions"
],
"status": "nonstandard"
},
"::-moz-range-thumb": {
"syntax": "::-moz-range-thumb",
"groups": [
"Pseudo-elements",
"Mozilla Extensions"
],
"status": "nonstandard"
},
"::-moz-range-track": {
"syntax": "::-moz-range-track",
"groups": [
"Pseudo-elements",
"Mozilla Extensions"
],
"status": "nonstandard"
},
"::-webkit-progress-bar": {
"syntax": "::--webkit-progress-bar",
"groups": [
"Pseudo-elements",
"WebKit Extensions"
],
"status": "nonstandard"
},
"::-webkit-progress-inner-value": {
"syntax": "::--webkit-progress-inner-value",
"groups": [
"Pseudo-elements",
"WebKit Extensions"
],
"status": "nonstandard"
},
"::-webkit-progress-value": {
"syntax": "::--webkit-progress-value",
"groups": [
"Pseudo-elements",
"WebKit Extensions"
],
"status": "nonstandard"
},
"::-webkit-slider-runnable-track": {
"syntax": "::--webkit-slider-runnable-track",
"groups": [
"Pseudo-elements",
"WebKit Extensions"
],
"status": "nonstandard"
},
"::-webkit-slider-thumb": {
"syntax": "::-webkit-slider-thumb",
"groups": [
"Pseudo-elements",
"WebKit Extensions"
],
"status": "nonstandard"
},
"::before": {
"syntax": "::before",
"groups": [
"Pseudo-elements"
],
"status": "standard"
},
"::first-letter": {
"syntax": "::first-letter",
"groups": [
"Pseudo-elements"
],
"status": "standard"
},
"::first-line": {
"syntax": "::first-line",
"groups": [
"Pseudo-elements"
],
"status": "standard"
},
"::selection": {
"syntax": "::selection",
"groups": [
"Pseudo-elements"
],
"status": "standard"
},
"::backdrop": {
"syntax": "::backdrop",
"groups": [
"Pseudo-elements"
],
"status": "standard"
}
},
"units": {
"ch": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"cm": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"deg": {
"groups": [
"CSS Units",
"CSS Angles"
],
"status": "standard"
},
"dpcm": {
"groups": [
"CSS Units",
"CSS Resolutions"
],
"status": "standard"
},
"dpi": {
"groups": [
"CSS Units",
"CSS Resolutions"
],
"status": "standard"
},
"dppx": {
"groups": [
"CSS Units",
"CSS Resolutions"
],
"status": "standard"
},
"em": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"ex": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"grad": {
"groups": [
"CSS Units",
"CSS Angles"
],
"status": "standard"
},
"hz": {
"groups": [
"CSS Units",
"CSS Frequencies"
],
"status": "standard"
},
"in": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"khz": {
"groups": [
"CSS Units",
"CSS Frequencies"
],
"status": "standard"
},
"mm": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"ms": {
"groups": [
"CSS Units",
"CSS Times"
],
"status": "standard"
},
"pc": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"pt": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"px": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"rad": {
"groups": [
"CSS Units",
"CSS Angles"
],
"status": "standard"
},
"rem": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"s": {
"groups": [
"CSS Units",
"CSS Times"
],
"status": "standard"
},
"turn": {
"groups": [
"CSS Units",
"CSS Angles"
],
"status": "standard"
},
"vh": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"vmax": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"vmin": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
},
"vw": {
"groups": [
"CSS Units",
"CSS Lengths"
],
"status": "standard"
}
}
}
Search for pages that use Template:CSSData to see example use cases and how many pages use this macro.
Document Tags and Contributors
Contributors to this page:
Sebastianz,
teoli,
ziyunfei,
fscholz,
AFBarstow,
bychek.ru,
Sheppy,
jpmedley
Last updated by:
Sebastianz,