codigo0/node_modules/cssstyle/lib/generated/propertyDefinitions.js

13034 lines
397 KiB
JavaScript
Raw Normal View History

"use strict";
// autogenerated - 2026-01-06
module.exports = new Map([
[
"-webkit-flex-wrap",
{
"name": "-webkit-flex-wrap",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-flex-wrap",
"legacyAliasOf": "flex-wrap",
"styleDeclaration": [
"-webkit-flex-wrap",
"WebkitFlexWrap",
"webkitFlexWrap"
],
"extended": [],
"syntax": "nowrap | wrap | wrap-reverse"
}
],
[
"-webkit-line-clamp",
{
"name": "-webkit-line-clamp",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef--webkit-line-clamp",
"initial": "none",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"-webkit-line-clamp",
"WebkitLineClamp",
"webkitLineClamp"
],
"syntax": "none | <integer [1,∞]>",
"extended": []
}
],
[
"-webkit-mask-box-image-outset",
{
"name": "-webkit-mask-box-image-outset",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-box-image-outset",
"legacyAliasOf": "mask-border-outset",
"styleDeclaration": [
"-webkit-mask-box-image-outset",
"WebkitMaskBoxImageOutset",
"webkitMaskBoxImageOutset"
],
"extended": [],
"syntax": "[ <length> | <number> ]{1,4}"
}
],
[
"-webkit-mask-box-image-repeat",
{
"name": "-webkit-mask-box-image-repeat",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-box-image-repeat",
"legacyAliasOf": "mask-border-repeat",
"styleDeclaration": [
"-webkit-mask-box-image-repeat",
"WebkitMaskBoxImageRepeat",
"webkitMaskBoxImageRepeat"
],
"extended": [],
"syntax": "[ stretch | repeat | round | space ]{1,2}"
}
],
[
"-webkit-mask-box-image-slice",
{
"name": "-webkit-mask-box-image-slice",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-box-image-slice",
"legacyAliasOf": "mask-border-slice",
"styleDeclaration": [
"-webkit-mask-box-image-slice",
"WebkitMaskBoxImageSlice",
"webkitMaskBoxImageSlice"
],
"extended": [],
"syntax": "[ <number> | <percentage> ]{1,4} fill?"
}
],
[
"-webkit-mask-box-image-source",
{
"name": "-webkit-mask-box-image-source",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-box-image-source",
"legacyAliasOf": "mask-border-source",
"styleDeclaration": [
"-webkit-mask-box-image-source",
"WebkitMaskBoxImageSource",
"webkitMaskBoxImageSource"
],
"extended": [],
"syntax": "none | <image>"
}
],
[
"-webkit-mask-box-image-width",
{
"name": "-webkit-mask-box-image-width",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-box-image-width",
"legacyAliasOf": "mask-border-width",
"styleDeclaration": [
"-webkit-mask-box-image-width",
"WebkitMaskBoxImageWidth",
"webkitMaskBoxImageWidth"
],
"extended": [],
"syntax": "[ <length-percentage> | <number> | auto ]{1,4}"
}
],
[
"-webkit-text-fill-color",
{
"name": "-webkit-text-fill-color",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-text-fill-color",
"initial": "currentcolor",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "an RGBA color",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"media": "visual",
"styleDeclaration": [
"-webkit-text-fill-color",
"WebkitTextFillColor",
"webkitTextFillColor"
],
"syntax": "<color>",
"extended": []
}
],
[
"-webkit-text-size-adjust",
{
"name": "-webkit-text-size-adjust",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-text-size-adjust",
"legacyAliasOf": "text-size-adjust",
"styleDeclaration": [
"-webkit-text-size-adjust",
"WebkitTextSizeAdjust",
"webkitTextSizeAdjust"
],
"extended": [],
"syntax": "auto | none | <percentage [0,∞]>"
}
],
[
"-webkit-text-stroke",
{
"name": "-webkit-text-stroke",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-text-stroke",
"initial": "See individual properties",
"appliesTo": "See individual properties",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "See individual properties",
"canonicalOrder": "per grammar",
"animationType": "See individual properties",
"media": "visual",
"styleDeclaration": [
"-webkit-text-stroke",
"WebkitTextStroke",
"webkitTextStroke"
],
"syntax": "<line-width> || <color>",
"extended": []
}
],
[
"-webkit-text-stroke-color",
{
"name": "-webkit-text-stroke-color",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-text-stroke-color",
"initial": "currentcolor",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "an RGBA color",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"media": "visual",
"styleDeclaration": [
"-webkit-text-stroke-color",
"WebkitTextStrokeColor",
"webkitTextStrokeColor"
],
"syntax": "<color>",
"extended": []
}
],
[
"-webkit-text-stroke-width",
{
"name": "-webkit-text-stroke-width",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-text-stroke-width",
"initial": "0",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"-webkit-text-stroke-width",
"WebkitTextStrokeWidth",
"webkitTextStrokeWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"-webkit-transform",
{
"name": "-webkit-transform",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transform",
"legacyAliasOf": "transform",
"styleDeclaration": [
"-webkit-transform",
"WebkitTransform",
"webkitTransform"
],
"extended": [],
"syntax": "none | <transform-list>"
}
],
[
"accent-color",
{
"name": "accent-color",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-accent-color",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the keyword auto or a computed color",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"accent-color",
"accentColor"
],
"syntax": "auto | <color>",
"extended": []
}
],
[
"align-content",
{
"name": "align-content",
"href": "https://drafts.csswg.org/css-align-3/#propdef-align-content",
"initial": "normal",
"appliesTo": "block containers, multicol containers, flex containers, and grid containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"align-content",
"alignContent"
],
"syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
"extended": []
}
],
[
"align-items",
{
"name": "align-items",
"href": "https://drafts.csswg.org/css-align-3/#propdef-align-items",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"align-items",
"alignItems"
],
"syntax": "normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"align-self",
{
"name": "align-self",
"href": "https://drafts.csswg.org/css-align-3/#propdef-align-self",
"initial": "auto",
"appliesTo": "flex items, grid items, and absolutely-positioned boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"align-self",
"alignSelf"
],
"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position> | anchor-center",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"alignment-baseline",
{
"name": "alignment-baseline",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-alignment-baseline",
"initial": "baseline",
"appliesTo": "inline-level boxes, flex items, grid items, table cells, and SVG text content elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"alignment-baseline",
"alignmentBaseline"
],
"syntax": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
"extended": []
}
],
[
"all",
{
"name": "all",
"href": "https://drafts.csswg.org/css-cascade-5/#propdef-all",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"all"
],
"syntax": "initial | inherit | unset | revert | revert-layer | revert-rule",
"extended": []
}
],
[
"anchor-name",
{
"name": "anchor-name",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-anchor-name",
"initial": "none",
"appliesTo": "all elements that generate a principal box",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"anchor-name",
"anchorName"
],
"syntax": "none | <dashed-ident>#",
"extended": []
}
],
[
"anchor-scope",
{
"name": "anchor-scope",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-anchor-scope",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"anchor-scope",
"anchorScope"
],
"syntax": "none | all | <dashed-ident>#",
"extended": []
}
],
[
"animation",
{
"name": "animation",
"href": "https://drafts.csswg.org/css-animations-1/#propdef-animation",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation"
],
"syntax": "<single-animation>#",
"extended": []
}
],
[
"animation-composition",
{
"name": "animation-composition",
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-composition",
"initial": "replace",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-composition",
"animationComposition"
],
"syntax": "<single-animation-composition>#",
"extended": []
}
],
[
"animation-delay",
{
"name": "animation-delay",
"href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-delay",
"initial": "0s",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a duration",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-delay",
"animationDelay"
],
"syntax": "<time>#",
"extended": []
}
],
[
"animation-direction",
{
"name": "animation-direction",
"href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-direction",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-direction",
"animationDirection"
],
"syntax": "<single-animation-direction>#",
"extended": []
}
],
[
"animation-duration",
{
"name": "animation-duration",
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-duration",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item either a time or the keyword auto",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-duration",
"animationDuration"
],
"syntax": "[ auto | <time [0s,∞]> ]#",
"extended": []
}
],
[
"animation-fill-mode",
{
"name": "animation-fill-mode",
"href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-fill-mode",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-fill-mode",
"animationFillMode"
],
"syntax": "<single-animation-fill-mode>#",
"extended": []
}
],
[
"animation-iteration-count",
{
"name": "animation-iteration-count",
"href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-iteration-count",
"initial": "1",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item either a number or the keyword infinite",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-iteration-count",
"animationIterationCount"
],
"syntax": "<single-animation-iteration-count>#",
"extended": []
}
],
[
"animation-name",
{
"name": "animation-name",
"href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-name",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item either a case-sensitive css identifier or the keyword none",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-name",
"animationName"
],
"syntax": "[ none | <keyframes-name> ]#",
"extended": []
}
],
[
"animation-play-state",
{
"name": "animation-play-state",
"href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state",
"initial": "running",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-play-state",
"animationPlayState"
],
"syntax": "<single-animation-play-state>#",
"extended": []
}
],
[
"animation-range",
{
"name": "animation-range",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"animation-range",
"animationRange"
],
"syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
"extended": []
}
],
[
"animation-range-end",
{
"name": "animation-range-end",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range-end",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
"computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-range-end",
"animationRangeEnd"
],
"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
"extended": []
}
],
[
"animation-range-start",
{
"name": "animation-range-start",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-animation-range-start",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
"computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-range-start",
"animationRangeStart"
],
"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
"extended": []
}
],
[
"animation-timeline",
{
"name": "animation-timeline",
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-timeline",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item either the keyword none, the keyword auto, a case-sensitive css identifier, a computed scroll() function, or a computed view() function",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-timeline",
"animationTimeline"
],
"syntax": "<single-animation-timeline>#",
"extended": []
}
],
[
"animation-timing-function",
{
"name": "animation-timing-function",
"href": "https://drafts.csswg.org/css-animations-1/#propdef-animation-timing-function",
"initial": "ease",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a computed <easing-function>",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-timing-function",
"animationTimingFunction"
],
"syntax": "<easing-function>#",
"extended": []
}
],
[
"appearance",
{
"name": "appearance",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-appearance",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"appearance"
],
"syntax": "none | auto | base | base-select | <compat-auto> | <compat-special> | base",
"extended": [
"https://drafts.csswg.org/css-forms-1/"
]
}
],
[
"aspect-ratio",
{
"name": "aspect-ratio",
"href": "https://drafts.csswg.org/css-sizing-4/#propdef-aspect-ratio",
"initial": "auto",
"appliesTo": "all elements except inline boxes and internal ruby or table boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword or a pair of numbers",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"aspect-ratio",
"aspectRatio"
],
"syntax": "auto || <ratio>",
"extended": []
}
],
[
"backface-visibility",
{
"name": "backface-visibility",
"href": "https://drafts.csswg.org/css-transforms-2/#propdef-backface-visibility",
"initial": "visible",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"backface-visibility",
"backfaceVisibility"
],
"syntax": "visible | hidden",
"extended": []
}
],
[
"background",
{
"name": "background",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"background"
],
"syntax": "<bg-layer>#? , <final-bg-layer>",
"extended": []
}
],
[
"background-attachment",
{
"name": "background-attachment",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-attachment",
"initial": "scroll",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item the keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"background-attachment",
"backgroundAttachment"
],
"syntax": "<attachment>#",
"extended": []
}
],
[
"background-blend-mode",
{
"name": "background-blend-mode",
"href": "https://drafts.fxtf.org/compositing-2/#propdef-background-blend-mode",
"initial": "normal",
"appliesTo": "All HTML elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"media": "visual",
"animatable": "no",
"styleDeclaration": [
"background-blend-mode",
"backgroundBlendMode"
],
"syntax": "<mix-blend-mode>#",
"extended": []
}
],
[
"background-clip",
{
"name": "background-clip",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-clip",
"initial": "border-box",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"styleDeclaration": [
"background-clip",
"backgroundClip"
],
"syntax": "<bg-clip>#",
"extended": []
}
],
[
"background-color",
{
"name": "background-color",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-color",
"initial": "transparent",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "computed color",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"background-color",
"backgroundColor"
],
"syntax": "<color>",
"extended": []
}
],
[
"background-image",
{
"name": "background-image",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-image",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item either an <image> or the keyword none",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"background-image",
"backgroundImage"
],
"syntax": "<bg-image>#",
"extended": []
}
],
[
"background-origin",
{
"name": "background-origin",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-origin",
"initial": "padding-box",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"styleDeclaration": [
"background-origin",
"backgroundOrigin"
],
"syntax": "<visual-box>#",
"extended": []
}
],
[
"background-position",
{
"name": "background-position",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position",
"initial": "0% 0%",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to size of background positioning area minus size of background image; see text",
"computedValue": "a list, each item a pair of offsets (horizontal and vertical) from the top left origin, each offset given as a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"styleDeclaration": [
"background-position",
"backgroundPosition"
],
"syntax": "<bg-position>#",
"extended": []
}
],
[
"background-position-x",
{
"name": "background-position-x",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-x",
"initial": "0%",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to width of background positioning area minus width of background image",
"computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"logicalPropertyGroup": "background-position",
"styleDeclaration": [
"background-position-x",
"backgroundPositionX"
],
"syntax": "[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#",
"extended": []
}
],
[
"background-position-y",
{
"name": "background-position-y",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-y",
"initial": "0%",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to height of background positioning area minus height of background image",
"computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"logicalPropertyGroup": "background-position",
"styleDeclaration": [
"background-position-y",
"backgroundPositionY"
],
"syntax": "[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#",
"extended": []
}
],
[
"background-repeat",
{
"name": "background-repeat",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat",
"initial": "repeat",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a pair of keywords, one per dimension",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"background-repeat",
"backgroundRepeat"
],
"syntax": "<repeat-style>#",
"extended": []
}
],
[
"background-repeat-x",
{
"name": "background-repeat-x",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat-x",
"initial": "repeat",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "background-repeat",
"styleDeclaration": [
"background-repeat-x",
"backgroundRepeatX"
],
"syntax": "<repetition>#",
"extended": []
}
],
[
"background-repeat-y",
{
"name": "background-repeat-y",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat-y",
"initial": "repeat",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "background-repeat",
"styleDeclaration": [
"background-repeat-y",
"backgroundRepeatY"
],
"syntax": "<repetition>#",
"extended": []
}
],
[
"background-size",
{
"name": "background-size",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-size",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "see text",
"computedValue": "list, each item a pair of sizes (one per axis) each represented as either a keyword or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"styleDeclaration": [
"background-size",
"backgroundSize"
],
"syntax": "<bg-size>#",
"extended": []
}
],
[
"baseline-shift",
{
"name": "baseline-shift",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-baseline-shift",
"initial": "0",
"appliesTo": "inline-level boxes and SVG text content elements",
"inherited": "no",
"percentages": "refer to the used value of line-height",
"computedValue": "the specified keyword or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"baseline-shift",
"baselineShift"
],
"syntax": "<length-percentage> | sub | super | top | center | bottom",
"extended": []
}
],
[
"baseline-source",
{
"name": "baseline-source",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-baseline-source",
"initial": "auto",
"appliesTo": "inline-level boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"baseline-source",
"baselineSource"
],
"syntax": "auto | first | last",
"extended": []
}
],
[
"block-ellipsis",
{
"name": "block-ellipsis",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-block-ellipsis",
"initial": "no-ellipsis",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"block-ellipsis",
"blockEllipsis"
],
"syntax": "no-ellipsis | auto | <string>",
"extended": []
}
],
[
"block-size",
{
"name": "block-size",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-block-size",
"initial": "auto",
"appliesTo": "Same as height and width",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as height, width",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "size",
"styleDeclaration": [
"block-size",
"blockSize"
],
"syntax": "<'width'>",
"extended": []
}
],
[
"block-step",
{
"name": "block-step",
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step",
"initial": "see individual properties",
"appliesTo": "block-level boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"block-step",
"blockStep"
],
"syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
"extended": []
}
],
[
"block-step-align",
{
"name": "block-step-align",
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-align",
"initial": "auto",
"appliesTo": "block-level boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"block-step-align",
"blockStepAlign"
],
"syntax": "auto | center | start | end",
"extended": []
}
],
[
"block-step-insert",
{
"name": "block-step-insert",
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-insert",
"initial": "margin-box",
"appliesTo": "block-level boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"block-step-insert",
"blockStepInsert"
],
"syntax": "margin-box | padding-box | content-box",
"extended": []
}
],
[
"block-step-round",
{
"name": "block-step-round",
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-round",
"initial": "up",
"appliesTo": "block-level boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"block-step-round",
"blockStepRound"
],
"syntax": "up | down | nearest",
"extended": []
}
],
[
"block-step-size",
{
"name": "block-step-size",
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-size",
"initial": "none",
"appliesTo": "block-level boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword or absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"block-step-size",
"blockStepSize"
],
"syntax": "none | <length [0,∞]>",
"extended": []
}
],
[
"bookmark-label",
{
"name": "bookmark-label",
"href": "https://drafts.csswg.org/css-content-3/#propdef-bookmark-label",
"initial": "content(text)",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"bookmark-label",
"bookmarkLabel"
],
"syntax": "<content-list>",
"extended": []
}
],
[
"bookmark-level",
{
"name": "bookmark-level",
"href": "https://drafts.csswg.org/css-content-3/#propdef-bookmark-level",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the keyword none or the specified integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"bookmark-level",
"bookmarkLevel"
],
"syntax": "none | <integer [1,∞]>",
"extended": []
}
],
[
"bookmark-state",
{
"name": "bookmark-state",
"href": "https://drafts.csswg.org/css-content-3/#propdef-bookmark-state",
"initial": "open",
"appliesTo": "block-level elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"bookmark-state",
"bookmarkState"
],
"syntax": "open | closed",
"extended": []
}
],
[
"border",
{
"name": "border",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-block",
{
"name": "border-block",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-block",
"borderBlock"
],
"syntax": "<'border-block-start'>",
"extended": []
}
],
[
"border-block-color",
{
"name": "border-block-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-color",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-block-color",
"borderBlockColor"
],
"syntax": "<'border-top-color'>{1,2}",
"extended": []
}
],
[
"border-block-end",
{
"name": "border-block-end",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end",
"initial": "See individual properties",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-block-end",
"borderBlockEnd"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-block-end-color",
{
"name": "border-block-end-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-color",
"initial": "currentcolor",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the computed color and/or a one-dimensional image function",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"logicalPropertyGroup": "border-color",
"styleDeclaration": [
"border-block-end-color",
"borderBlockEndColor"
],
"syntax": "<color> | <image-1D>",
"extended": []
}
],
[
"border-block-end-radius",
{
"name": "border-block-end-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-block-end-radius",
"borderBlockEndRadius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
"extended": []
}
],
[
"border-block-end-style",
{
"name": "border-block-end-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-style",
"initial": "none",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "border-style",
"styleDeclaration": [
"border-block-end-style",
"borderBlockEndStyle"
],
"syntax": "<line-style>",
"extended": []
}
],
[
"border-block-end-width",
{
"name": "border-block-end-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-width",
"initial": "medium",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-block-end-width",
"borderBlockEndWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"border-block-start",
{
"name": "border-block-start",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start",
"initial": "See individual properties",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-block-start",
"borderBlockStart"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-block-start-color",
{
"name": "border-block-start-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-color",
"initial": "currentcolor",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the computed color and/or a one-dimensional image function",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"logicalPropertyGroup": "border-color",
"styleDeclaration": [
"border-block-start-color",
"borderBlockStartColor"
],
"syntax": "<color> | <image-1D>",
"extended": []
}
],
[
"border-block-start-radius",
{
"name": "border-block-start-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-block-start-radius",
"borderBlockStartRadius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
"extended": []
}
],
[
"border-block-start-style",
{
"name": "border-block-start-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-style",
"initial": "none",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "border-style",
"styleDeclaration": [
"border-block-start-style",
"borderBlockStartStyle"
],
"syntax": "<line-style>",
"extended": []
}
],
[
"border-block-start-width",
{
"name": "border-block-start-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-width",
"initial": "medium",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-block-start-width",
"borderBlockStartWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"border-block-style",
{
"name": "border-block-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-style",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-block-style",
"borderBlockStyle"
],
"syntax": "<'border-top-style'>{1,2}",
"extended": []
}
],
[
"border-block-width",
{
"name": "border-block-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-width",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-block-width",
"borderBlockWidth"
],
"syntax": "<'border-top-width'>{1,2}",
"extended": []
}
],
[
"border-bottom",
{
"name": "border-bottom",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom",
"initial": "See individual properties",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-bottom",
"borderBottom"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-bottom-color",
{
"name": "border-bottom-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-color",
"initial": "currentcolor",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the computed color and/or a one-dimensional image function",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"logicalPropertyGroup": "border-color",
"styleDeclaration": [
"border-bottom-color",
"borderBottomColor"
],
"syntax": "<color> | <image-1D>",
"extended": []
}
],
[
"border-bottom-left-radius",
{
"name": "border-bottom-left-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-left-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "pair of computed <length-percentage> values",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-radius",
"styleDeclaration": [
"border-bottom-left-radius",
"borderBottomLeftRadius"
],
"syntax": "<border-radius>",
"extended": []
}
],
[
"border-bottom-radius",
{
"name": "border-bottom-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-bottom-radius",
"borderBottomRadius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
"extended": []
}
],
[
"border-bottom-right-radius",
{
"name": "border-bottom-right-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-right-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "pair of computed <length-percentage> values",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-radius",
"styleDeclaration": [
"border-bottom-right-radius",
"borderBottomRightRadius"
],
"syntax": "<border-radius>",
"extended": []
}
],
[
"border-bottom-style",
{
"name": "border-bottom-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-style",
"initial": "none",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "border-style",
"styleDeclaration": [
"border-bottom-style",
"borderBottomStyle"
],
"syntax": "<line-style>",
"extended": []
}
],
[
"border-bottom-width",
{
"name": "border-bottom-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-width",
"initial": "medium",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-bottom-width",
"borderBottomWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"border-boundary",
{
"name": "border-boundary",
"href": "https://drafts.csswg.org/css-round-display-1/#propdef-border-boundary",
"initial": "none",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"border-boundary",
"borderBoundary"
],
"syntax": "none | parent | display",
"extended": []
}
],
[
"border-clip",
{
"name": "border-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-clip",
"borderClip"
],
"syntax": "<'border-top-clip'>",
"extended": []
}
],
[
"border-collapse",
{
"name": "border-collapse",
"href": "https://drafts.csswg.org/css-tables-3/#propdef-border-collapse",
"initial": "separate",
"appliesTo": "table grid boxes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"border-collapse",
"borderCollapse"
],
"syntax": "separate | collapse",
"extended": []
}
],
[
"border-color",
{
"name": "border-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-color",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-color",
"borderColor"
],
"syntax": "[ <color> | <image-1D> ]{1,4}",
"extended": []
}
],
[
"border-end-end-radius",
{
"name": "border-end-end-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-end-end-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "pair of computed <length-percentage> values",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-radius",
"styleDeclaration": [
"border-end-end-radius",
"borderEndEndRadius"
],
"syntax": "<border-radius>",
"extended": []
}
],
[
"border-end-start-radius",
{
"name": "border-end-start-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-end-start-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "pair of computed <length-percentage> values",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-radius",
"styleDeclaration": [
"border-end-start-radius",
"borderEndStartRadius"
],
"syntax": "<border-radius>",
"extended": []
}
],
[
"border-image",
{
"name": "border-image",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-image",
"initial": "See individual properties",
"appliesTo": "See individual properties",
"inherited": "no",
"percentages": "N/A",
"computedValue": "See individual properties",
"canonicalOrder": "per grammar",
"animationType": "See individual properties",
"styleDeclaration": [
"border-image",
"borderImage"
],
"syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>",
"extended": []
}
],
[
"border-image-outset",
{
"name": "border-image-outset",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-image-outset",
"initial": "0",
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
"inherited": "no",
"percentages": "N/A",
"computedValue": "four values, each a number or absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"border-image-outset",
"borderImageOutset"
],
"syntax": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
"extended": []
}
],
[
"border-image-repeat",
{
"name": "border-image-repeat",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-image-repeat",
"initial": "stretch",
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
"inherited": "no",
"percentages": "N/A",
"computedValue": "two keywords, one per axis",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"border-image-repeat",
"borderImageRepeat"
],
"syntax": "[ stretch | repeat | round | space ]{1,2}",
"extended": []
}
],
[
"border-image-slice",
{
"name": "border-image-slice",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-image-slice",
"initial": "100%",
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
"inherited": "no",
"percentages": "refer to size of the border image",
"computedValue": "four values, each either a number or percentage; plus a fill keyword if specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"border-image-slice",
"borderImageSlice"
],
"syntax": "[<number [0,∞]> | <percentage [0,∞]>]{1,4} && fill?",
"extended": []
}
],
[
"border-image-source",
{
"name": "border-image-source",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-image-source",
"initial": "none",
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the keyword none or the computed <image>",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"border-image-source",
"borderImageSource"
],
"syntax": "none | <image>",
"extended": []
}
],
[
"border-image-width",
{
"name": "border-image-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-image-width",
"initial": "1",
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
"inherited": "no",
"percentages": "Relative to width/height of the border image area",
"computedValue": "four values, each either a number, the keyword auto, or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"border-image-width",
"borderImageWidth"
],
"syntax": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
"extended": []
}
],
[
"border-inline",
{
"name": "border-inline",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-inline",
"borderInline"
],
"syntax": "<'border-block-start'>",
"extended": []
}
],
[
"border-inline-color",
{
"name": "border-inline-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-color",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-inline-color",
"borderInlineColor"
],
"syntax": "<'border-top-color'>{1,2}",
"extended": []
}
],
[
"border-inline-end",
{
"name": "border-inline-end",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end",
"initial": "See individual properties",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-inline-end",
"borderInlineEnd"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-inline-end-color",
{
"name": "border-inline-end-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-color",
"initial": "currentcolor",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the computed color and/or a one-dimensional image function",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"logicalPropertyGroup": "border-color",
"styleDeclaration": [
"border-inline-end-color",
"borderInlineEndColor"
],
"syntax": "<color> | <image-1D>",
"extended": []
}
],
[
"border-inline-end-radius",
{
"name": "border-inline-end-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-inline-end-radius",
"borderInlineEndRadius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
"extended": []
}
],
[
"border-inline-end-style",
{
"name": "border-inline-end-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-style",
"initial": "none",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "border-style",
"styleDeclaration": [
"border-inline-end-style",
"borderInlineEndStyle"
],
"syntax": "<line-style>",
"extended": []
}
],
[
"border-inline-end-width",
{
"name": "border-inline-end-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-width",
"initial": "medium",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-inline-end-width",
"borderInlineEndWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"border-inline-start",
{
"name": "border-inline-start",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start",
"initial": "See individual properties",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-inline-start",
"borderInlineStart"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-inline-start-color",
{
"name": "border-inline-start-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-color",
"initial": "currentcolor",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the computed color and/or a one-dimensional image function",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"logicalPropertyGroup": "border-color",
"styleDeclaration": [
"border-inline-start-color",
"borderInlineStartColor"
],
"syntax": "<color> | <image-1D>",
"extended": []
}
],
[
"border-inline-start-radius",
{
"name": "border-inline-start-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-inline-start-radius",
"borderInlineStartRadius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
"extended": []
}
],
[
"border-inline-start-style",
{
"name": "border-inline-start-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-style",
"initial": "none",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "border-style",
"styleDeclaration": [
"border-inline-start-style",
"borderInlineStartStyle"
],
"syntax": "<line-style>",
"extended": []
}
],
[
"border-inline-start-width",
{
"name": "border-inline-start-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-width",
"initial": "medium",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-inline-start-width",
"borderInlineStartWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"border-inline-style",
{
"name": "border-inline-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-style",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-inline-style",
"borderInlineStyle"
],
"syntax": "<'border-top-style'>{1,2}",
"extended": []
}
],
[
"border-inline-width",
{
"name": "border-inline-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-width",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-inline-width",
"borderInlineWidth"
],
"syntax": "<'border-top-width'>{1,2}",
"extended": []
}
],
[
"border-left",
{
"name": "border-left",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left",
"initial": "See individual properties",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-left",
"borderLeft"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-left-color",
{
"name": "border-left-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-color",
"initial": "currentcolor",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the computed color and/or a one-dimensional image function",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"logicalPropertyGroup": "border-color",
"styleDeclaration": [
"border-left-color",
"borderLeftColor"
],
"syntax": "<color> | <image-1D>",
"extended": []
}
],
[
"border-left-radius",
{
"name": "border-left-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-left-radius",
"borderLeftRadius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
"extended": []
}
],
[
"border-left-style",
{
"name": "border-left-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-style",
"initial": "none",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "border-style",
"styleDeclaration": [
"border-left-style",
"borderLeftStyle"
],
"syntax": "<line-style>",
"extended": []
}
],
[
"border-left-width",
{
"name": "border-left-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-width",
"initial": "medium",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-left-width",
"borderLeftWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"border-limit",
{
"name": "border-limit",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-limit",
"initial": "all",
"appliesTo": "all elements, except table element when border-collapse is collapse",
"inherited": "no",
"percentages": "relative to border-box",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"border-limit",
"borderLimit"
],
"syntax": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
"extended": []
}
],
[
"border-radius",
{
"name": "border-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-radius",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-radius",
"borderRadius"
],
"syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
"extended": []
}
],
[
"border-right",
{
"name": "border-right",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right",
"initial": "See individual properties",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-right",
"borderRight"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-right-color",
{
"name": "border-right-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-color",
"initial": "currentcolor",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the computed color and/or a one-dimensional image function",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"logicalPropertyGroup": "border-color",
"styleDeclaration": [
"border-right-color",
"borderRightColor"
],
"syntax": "<color> | <image-1D>",
"extended": []
}
],
[
"border-right-radius",
{
"name": "border-right-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-right-radius",
"borderRightRadius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
"extended": []
}
],
[
"border-right-style",
{
"name": "border-right-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-style",
"initial": "none",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "border-style",
"styleDeclaration": [
"border-right-style",
"borderRightStyle"
],
"syntax": "<line-style>",
"extended": []
}
],
[
"border-right-width",
{
"name": "border-right-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-width",
"initial": "medium",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-right-width",
"borderRightWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"border-shape",
{
"name": "border-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-shape",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "see prose",
"computedValue": "list, each item a computed color",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"border-shape",
"borderShape"
],
"syntax": "none | [ <basic-shape> <geometry-box>?]{1,2}",
"extended": []
}
],
[
"border-spacing",
{
"name": "border-spacing",
"href": "https://drafts.csswg.org/css-tables-3/#propdef-border-spacing",
"initial": "0px 0px",
"appliesTo": "table grid boxes when border-collapse is separate",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "two absolute lengths",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"border-spacing",
"borderSpacing"
],
"syntax": "<length>{1,2}",
"extended": []
}
],
[
"border-start-end-radius",
{
"name": "border-start-end-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-start-end-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "pair of computed <length-percentage> values",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-radius",
"styleDeclaration": [
"border-start-end-radius",
"borderStartEndRadius"
],
"syntax": "<border-radius>",
"extended": []
}
],
[
"border-start-start-radius",
{
"name": "border-start-start-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-start-start-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "pair of computed <length-percentage> values",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-radius",
"styleDeclaration": [
"border-start-start-radius",
"borderStartStartRadius"
],
"syntax": "<border-radius>",
"extended": []
}
],
[
"border-style",
{
"name": "border-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-style",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-style",
"borderStyle"
],
"syntax": "<'border-top-style'>{1,4}",
"extended": []
}
],
[
"border-top",
{
"name": "border-top",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top",
"initial": "See individual properties",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-top",
"borderTop"
],
"syntax": "<line-width> || <line-style> || <color>",
"extended": []
}
],
[
"border-top-color",
{
"name": "border-top-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-color",
"initial": "currentcolor",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the computed color and/or a one-dimensional image function",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"logicalPropertyGroup": "border-color",
"styleDeclaration": [
"border-top-color",
"borderTopColor"
],
"syntax": "<color> | <image-1D>",
"extended": []
}
],
[
"border-top-left-radius",
{
"name": "border-top-left-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-left-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "pair of computed <length-percentage> values",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-radius",
"styleDeclaration": [
"border-top-left-radius",
"borderTopLeftRadius"
],
"syntax": "<border-radius>",
"extended": []
}
],
[
"border-top-radius",
{
"name": "border-top-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-top-radius",
"borderTopRadius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
"extended": []
}
],
[
"border-top-right-radius",
{
"name": "border-top-right-radius",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-right-radius",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "pair of computed <length-percentage> values",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-radius",
"styleDeclaration": [
"border-top-right-radius",
"borderTopRightRadius"
],
"syntax": "<border-radius>",
"extended": []
}
],
[
"border-top-style",
{
"name": "border-top-style",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-style",
"initial": "none",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "border-style",
"styleDeclaration": [
"border-top-style",
"borderTopStyle"
],
"syntax": "<line-style>",
"extended": []
}
],
[
"border-top-width",
{
"name": "border-top-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-width",
"initial": "medium",
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-top-width",
"borderTopWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"border-width",
{
"name": "border-width",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-width",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"border-width",
"borderWidth"
],
"syntax": "<'border-top-width'>{1,4}",
"extended": []
}
],
[
"bottom",
{
"name": "bottom",
"href": "https://drafts.csswg.org/css-position-3/#propdef-bottom",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "refer to size of containing block; see prose",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "inset",
"styleDeclaration": [
"bottom"
],
"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"box-decoration-break",
{
"name": "box-decoration-break",
"href": "https://drafts.csswg.org/css-break-4/#propdef-box-decoration-break",
"initial": "slice",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"box-decoration-break",
"boxDecorationBreak"
],
"syntax": "slice | clone",
"extended": []
}
],
[
"box-shadow",
{
"name": "box-shadow",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"box-shadow",
"boxShadow"
],
"syntax": "<spread-shadow>#",
"extended": []
}
],
[
"box-shadow-blur",
{
"name": "box-shadow-blur",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-blur",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a <length>",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"box-shadow-blur",
"boxShadowBlur"
],
"syntax": "<length [0,∞]>#",
"extended": []
}
],
[
"box-shadow-color",
{
"name": "box-shadow-color",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-color",
"initial": "currentcolor",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a computed color",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"box-shadow-color",
"boxShadowColor"
],
"syntax": "<color>#",
"extended": []
}
],
[
"box-shadow-offset",
{
"name": "box-shadow-offset",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-offset",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item either none or a pair of offsets (horizontal and vertical) from the elements box",
"canonicalOrder": "per grammar",
"animationType": "by computed value, treating none as 0 0 when interpolated with non-none values.",
"styleDeclaration": [
"box-shadow-offset",
"boxShadowOffset"
],
"syntax": "[ none | <length>{1,2} ]#",
"extended": []
}
],
[
"box-shadow-position",
{
"name": "box-shadow-position",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-position",
"initial": "outset",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item one of the keywords",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"box-shadow-position",
"boxShadowPosition"
],
"syntax": "[ outset | inset ]#",
"extended": []
}
],
[
"box-shadow-spread",
{
"name": "box-shadow-spread",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-spread",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a <length>",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"box-shadow-spread",
"boxShadowSpread"
],
"syntax": "<length>#",
"extended": []
}
],
[
"box-sizing",
{
"name": "box-sizing",
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-box-sizing",
"initial": "content-box",
"appliesTo": "all elements that accept width or height",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"box-sizing",
"boxSizing"
],
"syntax": "content-box | border-box",
"extended": []
}
],
[
"box-snap",
{
"name": "box-snap",
"href": "https://drafts.csswg.org/css-line-grid-1/#propdef-box-snap",
"initial": "none",
"appliesTo": "block-level boxes and internal table elements except table cells",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"box-snap",
"boxSnap"
],
"syntax": "none | block-start | block-end | center | baseline | last-baseline",
"extended": []
}
],
[
"break-after",
{
"name": "break-after",
"href": "https://drafts.csswg.org/css-break-4/#propdef-break-after",
"initial": "auto",
"appliesTo": "block-level boxes, grid items, flex items, table row groups, table rows (but see prose)",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"break-after",
"breakAfter"
],
"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
"extended": []
}
],
[
"break-before",
{
"name": "break-before",
"href": "https://drafts.csswg.org/css-break-4/#propdef-break-before",
"initial": "auto",
"appliesTo": "block-level boxes, grid items, flex items, table row groups, table rows (but see prose)",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"break-before",
"breakBefore"
],
"syntax": "auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region",
"extended": []
}
],
[
"break-inside",
{
"name": "break-inside",
"href": "https://drafts.csswg.org/css-break-4/#propdef-break-inside",
"initial": "auto",
"appliesTo": "all elements except inline-level boxes, internal ruby boxes, table column boxes, table column group boxes, absolutely-positioned boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"break-inside",
"breakInside"
],
"syntax": "auto | avoid | avoid-page | avoid-column | avoid-region",
"extended": []
}
],
[
"caption-side",
{
"name": "caption-side",
"href": "https://drafts.csswg.org/css-tables-3/#propdef-caption-side",
"initial": "top",
"appliesTo": "table-caption boxes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"caption-side",
"captionSide"
],
"syntax": "top | bottom",
"extended": []
}
],
[
"caret",
{
"name": "caret",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-caret",
"initial": "auto",
"appliesTo": "text or elements that accept text input",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"caret"
],
"syntax": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
"extended": []
}
],
[
"caret-color",
{
"name": "caret-color",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-color",
"initial": "auto",
"appliesTo": "text or elements that accept text input",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "The computed value for auto is auto. For <color> values, see CSS Color 4 § 14. Resolving <color> Values.",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"caret-color",
"caretColor"
],
"syntax": "auto | <color>",
"extended": []
}
],
[
"caret-shape",
{
"name": "caret-shape",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-shape",
"initial": "auto",
"appliesTo": "text or elements that accept text input",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"caret-shape",
"caretShape"
],
"syntax": "auto | bar | block | underscore",
"extended": []
}
],
[
"clear",
{
"name": "clear",
"href": "https://drafts.csswg.org/css-page-floats-3/#propdef-clear",
"initial": "none",
"appliesTo": "block-level elements, floats, regions, pages",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"clear"
],
"syntax": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none",
"extended": []
}
],
[
"clip",
{
"name": "clip",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-clip",
"initial": "auto",
"appliesTo": "Absolutely positioned elements. In SVG, it applies to elements which establish a new viewport, pattern elements and mask elements.",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"clip"
],
"syntax": "<rect()> | auto",
"extended": []
}
],
[
"clip-path",
{
"name": "clip-path",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-clip-path",
"initial": "none",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified, but with <url> values made absolute",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"clip-path",
"clipPath"
],
"syntax": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none",
"extended": []
}
],
[
"clip-rule",
{
"name": "clip-rule",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-clip-rule",
"initial": "nonzero",
"appliesTo": "Applies to SVG graphics elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"clip-rule",
"clipRule"
],
"syntax": "nonzero | evenodd",
"extended": []
}
],
[
"color",
{
"name": "color",
"href": "https://drafts.csswg.org/css-color-4/#propdef-color",
"initial": "CanvasText",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "computed color, see resolving color values",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"color"
],
"syntax": "<color>",
"extended": []
}
],
[
"color-adjust",
{
"name": "color-adjust",
"href": "https://drafts.csswg.org/css-color-adjust-1/#propdef-color-adjust",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"color-adjust",
"colorAdjust"
],
"syntax": "<'print-color-adjust'>",
"extended": []
}
],
[
"color-interpolation",
{
"name": "color-interpolation",
"href": "https://svgwg.org/svg2-draft/painting.html#ColorInterpolationProperty",
"initial": "sRGB",
"appliesTo": "container elements, graphics elements, gradient elements, use and animate",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified",
"animationType": "discrete",
"styleDeclaration": [
"color-interpolation",
"colorInterpolation"
],
"syntax": "auto | sRGB | linearRGB",
"extended": []
}
],
[
"color-interpolation-filters",
{
"name": "color-interpolation-filters",
"href": "https://drafts.fxtf.org/filter-effects-1/#propdef-color-interpolation-filters",
"initial": "linearRGB",
"appliesTo": "All filter primitives",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"color-interpolation-filters",
"colorInterpolationFilters"
],
"syntax": "auto | sRGB | linearRGB",
"extended": []
}
],
[
"color-scheme",
{
"name": "color-scheme",
"href": "https://drafts.csswg.org/css-color-adjust-1/#propdef-color-scheme",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the keyword normal, or an ordered list of specified color scheme keywords",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"color-scheme",
"colorScheme"
],
"syntax": "normal | [ light | dark | <custom-ident> ]+ && only?",
"extended": []
}
],
[
"column-count",
{
"name": "column-count",
"href": "https://drafts.csswg.org/css-multicol-2/#propdef-column-count",
"initial": "auto",
"appliesTo": "block containers except table wrapper boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"column-count",
"columnCount"
],
"syntax": "auto | <integer [1,∞]>",
"extended": []
}
],
[
"column-fill",
{
"name": "column-fill",
"href": "https://drafts.csswg.org/css-multicol-2/#propdef-column-fill",
"initial": "balance",
"appliesTo": "multicol containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"column-fill",
"columnFill"
],
"syntax": "auto | balance | balance-all",
"extended": []
}
],
[
"column-gap",
{
"name": "column-gap",
"href": "https://drafts.csswg.org/css-align-3/#propdef-column-gap",
"initial": "normal",
"appliesTo": "multi-column containers, flex containers, grid containers",
"inherited": "no",
"percentages": "see § 8.3 Percentages In gap Properties",
"computedValue": "specified keyword, else a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"column-gap",
"columnGap"
],
"syntax": "normal | <length-percentage [0,∞]>",
"extended": []
}
],
[
"column-rule",
{
"name": "column-rule",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"column-rule",
"columnRule"
],
"syntax": "<gap-rule-list> | <gap-auto-rule-list>",
"extended": []
}
],
[
"column-rule-break",
{
"name": "column-rule-break",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-break",
"initial": "spanning-item",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"column-rule-break",
"columnRuleBreak"
],
"syntax": "none | spanning-item | intersection",
"extended": []
}
],
[
"column-rule-color",
{
"name": "column-rule-color",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-color",
"initial": "currentcolor",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
"styleDeclaration": [
"column-rule-color",
"columnRuleColor"
],
"syntax": "<line-color-list> | <auto-line-color-list>",
"extended": []
}
],
[
"column-rule-outset",
{
"name": "column-rule-outset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-outset",
"initial": "50%",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"column-rule-outset",
"columnRuleOutset"
],
"syntax": "<length-percentage>",
"extended": []
}
],
[
"column-rule-style",
{
"name": "column-rule-style",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-style",
"initial": "none",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"column-rule-style",
"columnRuleStyle"
],
"syntax": "<line-style-list> | <auto-line-style-list>",
"extended": []
}
],
[
"column-rule-width",
{
"name": "column-rule-width",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-width",
"initial": "medium",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list of absolute lengths, snapped as a border width",
"canonicalOrder": "per grammar",
"animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
"styleDeclaration": [
"column-rule-width",
"columnRuleWidth"
],
"syntax": "<line-width-list> | <auto-line-width-list>",
"extended": []
}
],
[
"column-span",
{
"name": "column-span",
"href": "https://drafts.csswg.org/css-multicol-2/#propdef-column-span",
"initial": "none",
"appliesTo": "in-flow block-level elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"column-span",
"columnSpan"
],
"syntax": "none | <integer [1,∞]> | all | auto",
"extended": []
}
],
[
"column-width",
{
"name": "column-width",
"href": "https://drafts.csswg.org/css-multicol-2/#propdef-column-width",
"initial": "auto",
"appliesTo": "block containers except table wrapper boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the keyword auto or an absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"column-width",
"columnWidth"
],
"syntax": "auto | <length [0,∞]> | min-content | max-content | fit-content(<length-percentage>)",
"extended": [
"https://drafts.csswg.org/css-sizing-3/"
]
}
],
[
"columns",
{
"name": "columns",
"href": "https://drafts.csswg.org/css-multicol-2/#propdef-columns",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"columns"
],
"syntax": "[ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]?",
"extended": []
}
],
[
"contain",
{
"name": "contain",
"href": "https://drafts.csswg.org/css-contain-2/#propdef-contain",
"initial": "none",
"appliesTo": "See below",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or one or more of size, layout, paint",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"contain"
],
"syntax": "none | strict | content | [ [size | inline-size] || layout || style || paint ] | view-transition",
"extended": [
"https://drafts.csswg.org/css-view-transitions-2/"
]
}
],
[
"contain-intrinsic-block-size",
{
"name": "contain-intrinsic-block-size",
"href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-block-size",
"initial": "none",
"appliesTo": "elements with size containment",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified, with <length> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "contain-intrinsic-size",
"styleDeclaration": [
"contain-intrinsic-block-size",
"containIntrinsicBlockSize"
],
"syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
"extended": []
}
],
[
"contain-intrinsic-height",
{
"name": "contain-intrinsic-height",
"href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-height",
"initial": "none",
"appliesTo": "elements with size containment",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified, with <length> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "contain-intrinsic-size",
"styleDeclaration": [
"contain-intrinsic-height",
"containIntrinsicHeight"
],
"syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
"extended": []
}
],
[
"contain-intrinsic-inline-size",
{
"name": "contain-intrinsic-inline-size",
"href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-inline-size",
"initial": "none",
"appliesTo": "elements with size containment",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified, with <length> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "contain-intrinsic-size",
"styleDeclaration": [
"contain-intrinsic-inline-size",
"containIntrinsicInlineSize"
],
"syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
"extended": []
}
],
[
"contain-intrinsic-size",
{
"name": "contain-intrinsic-size",
"href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-size",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"contain-intrinsic-size",
"containIntrinsicSize"
],
"syntax": "[ [ auto | from-element ]? [ none | <length [0,∞]> ] ]{1,2}",
"extended": []
}
],
[
"contain-intrinsic-width",
{
"name": "contain-intrinsic-width",
"href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-width",
"initial": "none",
"appliesTo": "elements with size containment",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified, with <length> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "contain-intrinsic-size",
"styleDeclaration": [
"contain-intrinsic-width",
"containIntrinsicWidth"
],
"syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
"extended": []
}
],
[
"container",
{
"name": "container",
"href": "https://drafts.csswg.org/css-conditional-5/#propdef-container",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"container"
],
"syntax": "<'container-name'> [ / <'container-type'> ]?",
"extended": []
}
],
[
"container-name",
{
"name": "container-name",
"href": "https://drafts.csswg.org/css-conditional-5/#propdef-container-name",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none, or an ordered list of identifiers",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"container-name",
"containerName"
],
"syntax": "none | <custom-ident>+",
"extended": []
}
],
[
"container-type",
{
"name": "container-type",
"href": "https://drafts.csswg.org/css-conditional-5/#propdef-container-type",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"container-type",
"containerType"
],
"syntax": "normal | [ [ size | inline-size ] || scroll-state ]",
"extended": []
}
],
[
"content",
{
"name": "content",
"href": "https://drafts.csswg.org/css-content-3/#propdef-content",
"initial": "normal",
"appliesTo": "all elements, tree-abiding pseudo-elements, and page margin boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "See prose below",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"content"
],
"syntax": "normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> | <attr()> ]+ ]? | <element()>",
"extended": [
"https://drafts.csswg.org/css-gcpm-3/"
]
}
],
[
"content-visibility",
{
"name": "content-visibility",
"href": "https://drafts.csswg.org/css-contain-2/#propdef-content-visibility",
"initial": "visible",
"appliesTo": "elements for which size containment can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "see § 4.1 Animating and Interpolating content-visibility",
"styleDeclaration": [
"content-visibility",
"contentVisibility"
],
"syntax": "visible | auto | hidden",
"extended": []
}
],
[
"continue",
{
"name": "continue",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-continue",
"initial": "auto",
"appliesTo": "block containers and multicol containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"continue"
],
"syntax": "auto | discard | collapse | -webkit-legacy | overflow | paginate | fragments",
"extended": [
"https://drafts.csswg.org/css-overflow-5/"
]
}
],
[
"corner-block-end-shape",
{
"name": "corner-block-end-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-end-shape",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-block-end-shape",
"cornerBlockEndShape"
],
"syntax": "<'corner-top-left-shape'>{1,2}",
"extended": []
}
],
[
"corner-block-start-shape",
{
"name": "corner-block-start-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-start-shape",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-block-start-shape",
"cornerBlockStartShape"
],
"syntax": "<'corner-top-left-shape'>{1,2}",
"extended": []
}
],
[
"corner-bottom-left-shape",
{
"name": "corner-bottom-left-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the corresponding superellipse() value",
"canonicalOrder": "per grammar",
"animationType": "see superellipse interpolation",
"logicalPropertyGroup": "corner-shape",
"styleDeclaration": [
"corner-bottom-left-shape",
"cornerBottomLeftShape"
],
"syntax": "<corner-shape-value>",
"extended": []
}
],
[
"corner-bottom-right-shape",
{
"name": "corner-bottom-right-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the corresponding superellipse() value",
"canonicalOrder": "per grammar",
"animationType": "see superellipse interpolation",
"logicalPropertyGroup": "corner-shape",
"styleDeclaration": [
"corner-bottom-right-shape",
"cornerBottomRightShape"
],
"syntax": "<corner-shape-value>",
"extended": []
}
],
[
"corner-bottom-shape",
{
"name": "corner-bottom-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-shape",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-bottom-shape",
"cornerBottomShape"
],
"syntax": "<'corner-top-left-shape'>{1,2}",
"extended": []
}
],
[
"corner-end-end-shape",
{
"name": "corner-end-end-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the corresponding superellipse() value",
"canonicalOrder": "per grammar",
"animationType": "see superellipse interpolation",
"logicalPropertyGroup": "corner-shape",
"styleDeclaration": [
"corner-end-end-shape",
"cornerEndEndShape"
],
"syntax": "<corner-shape-value>",
"extended": []
}
],
[
"corner-end-start-shape",
{
"name": "corner-end-start-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the corresponding superellipse() value",
"canonicalOrder": "per grammar",
"animationType": "see superellipse interpolation",
"logicalPropertyGroup": "corner-shape",
"styleDeclaration": [
"corner-end-start-shape",
"cornerEndStartShape"
],
"syntax": "<corner-shape-value>",
"extended": []
}
],
[
"corner-inline-end-shape",
{
"name": "corner-inline-end-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-end-shape",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-inline-end-shape",
"cornerInlineEndShape"
],
"syntax": "<'corner-top-left-shape'>{1,2}",
"extended": []
}
],
[
"corner-inline-start-shape",
{
"name": "corner-inline-start-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-start-shape",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-inline-start-shape",
"cornerInlineStartShape"
],
"syntax": "<'corner-top-left-shape'>{1,2}",
"extended": []
}
],
[
"corner-left-shape",
{
"name": "corner-left-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-left-shape",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-left-shape",
"cornerLeftShape"
],
"syntax": "<'corner-top-left-shape'>{1,2}",
"extended": []
}
],
[
"corner-right-shape",
{
"name": "corner-right-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-right-shape",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-right-shape",
"cornerRightShape"
],
"syntax": "<'corner-top-left-shape'>{1,2}",
"extended": []
}
],
[
"corner-shape",
{
"name": "corner-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-shape",
"cornerShape"
],
"syntax": "<'corner-top-left-shape'>{1,4}",
"extended": []
}
],
[
"corner-start-end-shape",
{
"name": "corner-start-end-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the corresponding superellipse() value",
"canonicalOrder": "per grammar",
"animationType": "see superellipse interpolation",
"logicalPropertyGroup": "corner-shape",
"styleDeclaration": [
"corner-start-end-shape",
"cornerStartEndShape"
],
"syntax": "<corner-shape-value>",
"extended": []
}
],
[
"corner-start-start-shape",
{
"name": "corner-start-start-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the corresponding superellipse() value",
"canonicalOrder": "per grammar",
"animationType": "see superellipse interpolation",
"logicalPropertyGroup": "corner-shape",
"styleDeclaration": [
"corner-start-start-shape",
"cornerStartStartShape"
],
"syntax": "<corner-shape-value>",
"extended": []
}
],
[
"corner-top-left-shape",
{
"name": "corner-top-left-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the corresponding superellipse() value",
"canonicalOrder": "per grammar",
"animationType": "see superellipse interpolation",
"logicalPropertyGroup": "corner-shape",
"styleDeclaration": [
"corner-top-left-shape",
"cornerTopLeftShape"
],
"syntax": "<corner-shape-value>",
"extended": []
}
],
[
"corner-top-right-shape",
{
"name": "corner-top-right-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right-shape",
"initial": "round",
"appliesTo": "all elements where border-radius can apply",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the corresponding superellipse() value",
"canonicalOrder": "per grammar",
"animationType": "see superellipse interpolation",
"logicalPropertyGroup": "corner-shape",
"styleDeclaration": [
"corner-top-right-shape",
"cornerTopRightShape"
],
"syntax": "<corner-shape-value>",
"extended": []
}
],
[
"corner-top-shape",
{
"name": "corner-top-shape",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-shape",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"corner-top-shape",
"cornerTopShape"
],
"syntax": "<'corner-top-left-shape'>{1,2}",
"extended": []
}
],
[
"counter-increment",
{
"name": "counter-increment",
"href": "https://drafts.csswg.org/css-lists-3/#propdef-counter-increment",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or a list, each item an identifier paired with an integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"counter-increment",
"counterIncrement"
],
"syntax": "[ <counter-name> <integer>? ]+ | none",
"extended": []
}
],
[
"counter-reset",
{
"name": "counter-reset",
"href": "https://drafts.csswg.org/css-lists-3/#propdef-counter-reset",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or a list, each item an identifier or a reversed() function paired with an integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"counter-reset",
"counterReset"
],
"syntax": "[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none",
"extended": []
}
],
[
"counter-set",
{
"name": "counter-set",
"href": "https://drafts.csswg.org/css-lists-3/#propdef-counter-set",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or a list, each item an identifier paired with an integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"counter-set",
"counterSet"
],
"syntax": "[ <counter-name> <integer>? ]+ | none",
"extended": []
}
],
[
"cue",
{
"name": "cue",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-cue",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"cue"
],
"syntax": "<'cue-before'> <'cue-after'>?",
"extended": []
}
],
[
"cue-after",
{
"name": "cue-after",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-cue-after",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"cue-after",
"cueAfter"
],
"syntax": "<uri> <decibel>? | none",
"extended": []
}
],
[
"cue-before",
{
"name": "cue-before",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-cue-before",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"cue-before",
"cueBefore"
],
"syntax": "<uri> <decibel>? | none",
"extended": []
}
],
[
"cursor",
{
"name": "cursor",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-cursor",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified, except with any relative URLs converted to absolute",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"cursor"
],
"syntax": "[<cursor-image>,]* <cursor-predefined>",
"extended": []
}
],
[
"direction",
{
"name": "direction",
"href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-direction",
"initial": "ltr",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "n/a",
"animationType": "not animatable",
"styleDeclaration": [
"direction"
],
"syntax": "ltr | rtl",
"extended": []
}
],
[
"display",
{
"name": "display",
"href": "https://drafts.csswg.org/css-display-4/#propdef-display",
"initial": "inline",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "a pair of keywords representing the inner and outer display types plus optional list-item flag, or a <display-internal> or <display-box> keyword; see prose in a variety of specs for computation rules",
"canonicalOrder": "per grammar",
"animationType": "see § 2.9 Animating and Interpolating display",
"styleDeclaration": [
"display"
],
"syntax": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <display-outside> || [ <display-inside> | math ]",
"extended": [
"https://w3c.github.io/mathml-core/"
]
}
],
[
"dominant-baseline",
{
"name": "dominant-baseline",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-dominant-baseline",
"initial": "auto",
"appliesTo": "block containers, inline boxes, table rows, grid containers, flex containers, and SVG text content elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"dominant-baseline",
"dominantBaseline"
],
"syntax": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
"extended": []
}
],
[
"dynamic-range-limit",
{
"name": "dynamic-range-limit",
"href": "https://drafts.csswg.org/css-color-hdr-1/#propdef-dynamic-range-limit",
"initial": "no-limit",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "see Computed Value for dynamic-range-limit",
"canonicalOrder": "per grammar",
"animationType": "by dynamic-range-limit-mix()",
"styleDeclaration": [
"dynamic-range-limit",
"dynamicRangeLimit"
],
"syntax": "standard | no-limit | constrained | <dynamic-range-limit-mix()>",
"extended": []
}
],
[
"empty-cells",
{
"name": "empty-cells",
"href": "https://drafts.csswg.org/css-tables-3/#propdef-empty-cells",
"initial": "show",
"appliesTo": "table-cell boxes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"empty-cells",
"emptyCells"
],
"syntax": "show | hide",
"extended": []
}
],
[
"fill",
{
"name": "fill",
"href": "https://svgwg.org/svg2-draft/painting.html#FillProperty",
"initial": "black",
"appliesTo": "shapes and text content elements",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified, but with <color> values computed and <url> values made absolute",
"animationType": "by computed value",
"styleDeclaration": [
"fill"
],
"syntax": "<paint>",
"extended": []
}
],
[
"fill-break",
{
"name": "fill-break",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-break",
"initial": "bounding-box",
"appliesTo": "all elements",
"inherited": "yes?",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"fill-break",
"fillBreak"
],
"syntax": "bounding-box | slice | clone",
"extended": []
}
],
[
"fill-color",
{
"name": "fill-color",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-color",
"initial": "currentcolor",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the computed color",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"fill-color",
"fillColor"
],
"syntax": "<color>",
"extended": []
}
],
[
"fill-image",
{
"name": "fill-image",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-image",
"initial": "none",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified, with any <image> computed",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"fill-image",
"fillImage"
],
"syntax": "<paint>#",
"extended": []
}
],
[
"fill-opacity",
{
"name": "fill-opacity",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-opacity",
"initial": "1",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the specified value converted to a <number>, clamped to the range [0,1]",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"fill-opacity",
"fillOpacity"
],
"syntax": "<'opacity'>",
"extended": []
}
],
[
"fill-origin",
{
"name": "fill-origin",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-origin",
"initial": "match-parent",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"fill-origin",
"fillOrigin"
],
"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
"extended": []
}
],
[
"fill-position",
{
"name": "fill-position",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-position",
"initial": "0% 0%",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "A list, each item consisting of: a pair of offsets (horizontal and vertical) from the top left origin each given as a combination of an absolute length and a percentage",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"fill-position",
"fillPosition"
],
"syntax": "<position>#",
"extended": []
}
],
[
"fill-repeat",
{
"name": "fill-repeat",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-repeat",
"initial": "repeat",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "A list, each item consisting of: two keywords, one per dimension",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"fill-repeat",
"fillRepeat"
],
"syntax": "<repeat-style>#",
"extended": []
}
],
[
"fill-rule",
{
"name": "fill-rule",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-rule",
"initial": "nonzero",
"appliesTo": "SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"fill-rule",
"fillRule"
],
"syntax": "nonzero | evenodd",
"extended": []
}
],
[
"fill-size",
{
"name": "fill-size",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-fill-size",
"initial": "auto",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified, but with lengths made absolute and omitted auto keywords filled in",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"fill-size",
"fillSize"
],
"syntax": "<bg-size>#",
"extended": []
}
],
[
"filter",
{
"name": "filter",
"href": "https://drafts.fxtf.org/filter-effects-1/#propdef-filter",
"initial": "none",
"appliesTo": "All elements. In SVG, it applies to container elements without the defs element, all graphics elements and the use element.",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "See prose in Animation of Filters.",
"media": "visual",
"styleDeclaration": [
"filter"
],
"syntax": "none | <filter-value-list>",
"extended": []
}
],
[
"flex",
{
"name": "flex",
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex",
"initial": "0 1 auto",
"appliesTo": "flex items",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "by computed value type",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"flex"
],
"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
"extended": []
}
],
[
"flex-basis",
{
"name": "flex-basis",
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-basis",
"initial": "auto",
"appliesTo": "flex items",
"inherited": "no",
"percentages": "relative to the flex containers inner main size",
"computedValue": "specified keyword or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"flex-basis",
"flexBasis"
],
"syntax": "content | <'width'>",
"extended": []
}
],
[
"flex-direction",
{
"name": "flex-direction",
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-direction",
"initial": "row",
"appliesTo": "flex containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"flex-direction",
"flexDirection"
],
"syntax": "row | row-reverse | column | column-reverse",
"extended": []
}
],
[
"flex-flow",
{
"name": "flex-flow",
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-flow",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"flex-flow",
"flexFlow"
],
"syntax": "<'flex-direction'> || <'flex-wrap'>",
"extended": []
}
],
[
"flex-grow",
{
"name": "flex-grow",
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-grow",
"initial": "0",
"appliesTo": "flex items",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified number",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"flex-grow",
"flexGrow"
],
"syntax": "<number [0,∞]>",
"extended": []
}
],
[
"flex-shrink",
{
"name": "flex-shrink",
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-shrink",
"initial": "1",
"appliesTo": "flex items",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "number",
"styleDeclaration": [
"flex-shrink",
"flexShrink"
],
"syntax": "<number [0,∞]>",
"extended": []
}
],
[
"flex-wrap",
{
"name": "flex-wrap",
"href": "https://drafts.csswg.org/css-flexbox-1/#propdef-flex-wrap",
"initial": "nowrap",
"appliesTo": "flex containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"flex-wrap",
"flexWrap"
],
"syntax": "nowrap | wrap | wrap-reverse",
"extended": []
}
],
[
"float",
{
"name": "float",
"href": "https://drafts.csswg.org/css-page-floats-3/#propdef-float",
"initial": "none",
"appliesTo": "all elements.",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"float"
],
"syntax": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none | footnote",
"extended": [
"https://drafts.csswg.org/css-gcpm-3/"
]
}
],
[
"float-defer",
{
"name": "float-defer",
"href": "https://drafts.csswg.org/css-page-floats-3/#propdef-float-defer",
"initial": "none",
"appliesTo": "floats",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword or integer",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"float-defer",
"floatDefer"
],
"syntax": "<integer> | last | none",
"extended": []
}
],
[
"float-offset",
{
"name": "float-offset",
"href": "https://drafts.csswg.org/css-page-floats-3/#propdef-float-offset",
"initial": "0",
"appliesTo": "floats",
"inherited": "no",
"percentages": "see prose",
"computedValue": "computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"float-offset",
"floatOffset"
],
"syntax": "<length-percentage>",
"extended": []
}
],
[
"float-reference",
{
"name": "float-reference",
"href": "https://drafts.csswg.org/css-page-floats-3/#propdef-float-reference",
"initial": "inline",
"appliesTo": "all elements.",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"float-reference",
"floatReference"
],
"syntax": "inline | column | region | page",
"extended": []
}
],
[
"flood-color",
{
"name": "flood-color",
"href": "https://drafts.fxtf.org/filter-effects-1/#propdef-flood-color",
"initial": "black",
"appliesTo": "feFlood and feDropShadow elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"flood-color",
"floodColor"
],
"syntax": "<color>",
"extended": []
}
],
[
"flood-opacity",
{
"name": "flood-opacity",
"href": "https://drafts.fxtf.org/filter-effects-1/#propdef-flood-opacity",
"initial": "1",
"appliesTo": "feFlood and feDropShadow elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the specified value converted to a number, clamped to the range [0,1]",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"flood-opacity",
"floodOpacity"
],
"syntax": "<'opacity'>",
"extended": []
}
],
[
"flow-from",
{
"name": "flow-from",
"href": "https://drafts.csswg.org/css-regions-1/#propdef-flow-from",
"initial": "none",
"appliesTo": "Non-replaced block containers. This might be expanded in future versions of the specification to allow other types of containers to receive flow content.",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"flow-from",
"flowFrom"
],
"syntax": "<custom-ident> | none",
"extended": []
}
],
[
"flow-into",
{
"name": "flow-into",
"href": "https://drafts.csswg.org/css-regions-1/#propdef-flow-into",
"initial": "none",
"appliesTo": "All elements, but not pseudo-elements such as ::first-line, ::first-letter, ::before or ::after.",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"flow-into",
"flowInto"
],
"syntax": "none | <custom-ident> [element | content]?",
"extended": []
}
],
[
"font",
{
"name": "font",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font",
"initial": "see individual properties",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"font"
],
"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
"extended": []
}
],
[
"font-family",
{
"name": "font-family",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-family",
"initial": "depends on user agent",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "list, each item a string and/or <generic-family> keywords",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-family",
"fontFamily"
],
"syntax": "[ <family-name> | <generic-family> ]#",
"extended": []
}
],
[
"font-feature-settings",
{
"name": "font-feature-settings",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-feature-settings",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-feature-settings",
"fontFeatureSettings"
],
"syntax": "normal | <feature-tag-value>#",
"extended": []
}
],
[
"font-kerning",
{
"name": "font-kerning",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-kerning",
"initial": "auto",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-kerning",
"fontKerning"
],
"syntax": "auto | normal | none",
"extended": []
}
],
[
"font-language-override",
{
"name": "font-language-override",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-language-override",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified string or the keyword none",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-language-override",
"fontLanguageOverride"
],
"syntax": "normal | <string>",
"extended": []
}
],
[
"font-optical-sizing",
{
"name": "font-optical-sizing",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-optical-sizing",
"initial": "auto",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-optical-sizing",
"fontOpticalSizing"
],
"syntax": "auto | none",
"extended": []
}
],
[
"font-palette",
{
"name": "font-palette",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-palette",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/a",
"computedValue": "specified keyword, identifier or <palette-mix()> function. <palette-mix()> must be simplified to a single keyword or identifier if resulting palette is equivalent.",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"font-palette",
"fontPalette"
],
"syntax": "normal | light | dark | <palette-identifier> | <palette-mix()>",
"extended": []
}
],
[
"font-size",
{
"name": "font-size",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-size",
"initial": "medium",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "refer to parent elements font size",
"computedValue": "an absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"font-size",
"fontSize"
],
"syntax": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
"extended": []
}
],
[
"font-size-adjust",
{
"name": "font-size-adjust",
"href": "https://drafts.csswg.org/css-fonts-5/#propdef-font-size-adjust",
"initial": "none",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the keyword none, or a pair of a metric keyword and a <number>",
"canonicalOrder": "per grammar",
"animationType": "discrete if the keywords differ, otherwise by computed value type",
"styleDeclaration": [
"font-size-adjust",
"fontSizeAdjust"
],
"syntax": "none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]",
"extended": []
}
],
[
"font-stretch",
{
"name": "font-stretch",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-stretch",
"legacyAliasOf": "font-width",
"styleDeclaration": [
"font-stretch",
"fontStretch"
],
"extended": [],
"syntax": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded"
}
],
[
"font-style",
{
"name": "font-style",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-style",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the keyword specified, plus angle in degrees if specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type;normal animates as oblique 0deg",
"styleDeclaration": [
"font-style",
"fontStyle"
],
"syntax": "normal | italic | left | right | oblique <angle [-90deg,90deg]>?",
"extended": []
}
],
[
"font-synthesis",
{
"name": "font-synthesis",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis",
"initial": "weight style small-caps position",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-synthesis",
"fontSynthesis"
],
"syntax": "none | [ weight || style || small-caps || position]",
"extended": []
}
],
[
"font-synthesis-position",
{
"name": "font-synthesis-position",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-position",
"initial": "auto",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-synthesis-position",
"fontSynthesisPosition"
],
"syntax": "auto | none",
"extended": []
}
],
[
"font-synthesis-small-caps",
{
"name": "font-synthesis-small-caps",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-small-caps",
"initial": "auto",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-synthesis-small-caps",
"fontSynthesisSmallCaps"
],
"syntax": "auto | none",
"extended": []
}
],
[
"font-synthesis-style",
{
"name": "font-synthesis-style",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-style",
"initial": "auto",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"font-synthesis-style",
"fontSynthesisStyle"
],
"syntax": "auto | none | oblique-only",
"extended": []
}
],
[
"font-synthesis-weight",
{
"name": "font-synthesis-weight",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-synthesis-weight",
"initial": "auto",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"font-synthesis-weight",
"fontSynthesisWeight"
],
"syntax": "auto | none",
"extended": []
}
],
[
"font-variant",
{
"name": "font-variant",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-variant",
"fontVariant"
],
"syntax": "normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ 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>) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]",
"extended": []
}
],
[
"font-variant-alternates",
{
"name": "font-variant-alternates",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-alternates",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-variant-alternates",
"fontVariantAlternates"
],
"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>) ]",
"extended": []
}
],
[
"font-variant-caps",
{
"name": "font-variant-caps",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-caps",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-variant-caps",
"fontVariantCaps"
],
"syntax": "normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps",
"extended": []
}
],
[
"font-variant-east-asian",
{
"name": "font-variant-east-asian",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-east-asian",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-variant-east-asian",
"fontVariantEastAsian"
],
"syntax": "normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]",
"extended": []
}
],
[
"font-variant-emoji",
{
"name": "font-variant-emoji",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-emoji",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "N/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-variant-emoji",
"fontVariantEmoji"
],
"syntax": "normal | text | emoji | unicode",
"extended": []
}
],
[
"font-variant-ligatures",
{
"name": "font-variant-ligatures",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-ligatures",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-variant-ligatures",
"fontVariantLigatures"
],
"syntax": "normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]",
"extended": []
}
],
[
"font-variant-numeric",
{
"name": "font-variant-numeric",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-numeric",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-variant-numeric",
"fontVariantNumeric"
],
"syntax": "normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]",
"extended": []
}
],
[
"font-variant-position",
{
"name": "font-variant-position",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variant-position",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"font-variant-position",
"fontVariantPosition"
],
"syntax": "normal | sub | super",
"extended": []
}
],
[
"font-variation-settings",
{
"name": "font-variation-settings",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-variation-settings",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the keyword normal or a list, each item a string paired with a number",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"styleDeclaration": [
"font-variation-settings",
"fontVariationSettings"
],
"syntax": "normal | [ <opentype-tag> <number> ]#",
"extended": []
}
],
[
"font-weight",
{
"name": "font-weight",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-weight",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "a number, see below",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"font-weight",
"fontWeight"
],
"syntax": "<font-weight-absolute> | bolder | lighter",
"extended": []
}
],
[
"font-width",
{
"name": "font-width",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-width",
"initial": "normal",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "Not resolved",
"computedValue": "a percentage, see below",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"font-width",
"fontWidth"
],
"syntax": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
"extended": []
}
],
[
"footnote-display",
{
"name": "footnote-display",
"href": "https://drafts.csswg.org/css-gcpm-3/#propdef-footnote-display",
"initial": "block",
"appliesTo": "elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"footnote-display",
"footnoteDisplay"
],
"syntax": "block | inline | compact",
"extended": []
}
],
[
"footnote-policy",
{
"name": "footnote-policy",
"href": "https://drafts.csswg.org/css-gcpm-3/#propdef-footnote-policy",
"initial": "auto",
"appliesTo": "elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"footnote-policy",
"footnotePolicy"
],
"syntax": "auto | line | block",
"extended": []
}
],
[
"forced-color-adjust",
{
"name": "forced-color-adjust",
"href": "https://drafts.csswg.org/css-color-adjust-1/#propdef-forced-color-adjust",
"initial": "auto",
"appliesTo": "all elements and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"forced-color-adjust",
"forcedColorAdjust"
],
"syntax": "auto | none | preserve-parent-color",
"extended": []
}
],
[
"gap",
{
"name": "gap",
"href": "https://drafts.csswg.org/css-align-3/#propdef-gap",
"initial": "see individual properties",
"appliesTo": "multi-column containers, flex containers, grid containers",
"inherited": "no",
"percentages": "refer to corresponding dimension of the content area",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"gap"
],
"syntax": "<'row-gap'> <'column-gap'>?",
"extended": []
}
],
[
"glyph-orientation-vertical",
{
"name": "glyph-orientation-vertical",
"href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-glyph-orientation-vertical",
"initial": "n/a",
"appliesTo": "n/a",
"inherited": "n/a",
"percentages": "n/a",
"computedValue": "n/a",
"canonicalOrder": "n/a",
"animationType": "n/a",
"styleDeclaration": [
"glyph-orientation-vertical",
"glyphOrientationVertical"
],
"syntax": "auto | 0deg | 90deg | 0 | 90",
"extended": []
}
],
[
"grid",
{
"name": "grid",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid",
"initial": "none",
"appliesTo": "grid containers",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"grid"
],
"syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>",
"extended": []
}
],
[
"grid-area",
{
"name": "grid-area",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-area",
"initial": "auto",
"appliesTo": "grid items and absolutely-positioned boxes whose containing block is a grid container",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "discrete",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"grid-area",
"gridArea"
],
"syntax": "<grid-line> [ / <grid-line> ]{0,3}",
"extended": []
}
],
[
"grid-auto-columns",
{
"name": "grid-auto-columns",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-auto-columns",
"initial": "auto",
"appliesTo": "grid containers",
"inherited": "no",
"percentages": "see Track Sizing",
"computedValue": "see Track Sizing",
"canonicalOrder": "per grammar",
"animationType": "if the list lengths match, by computed value type per item; discrete otherwise",
"styleDeclaration": [
"grid-auto-columns",
"gridAutoColumns"
],
"syntax": "<track-size>+",
"extended": []
}
],
[
"grid-auto-flow",
{
"name": "grid-auto-flow",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-auto-flow",
"initial": "row",
"appliesTo": "grid containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"grid-auto-flow",
"gridAutoFlow"
],
"syntax": "[ row | column ] || dense",
"extended": []
}
],
[
"grid-auto-rows",
{
"name": "grid-auto-rows",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-auto-rows",
"initial": "auto",
"appliesTo": "grid containers",
"inherited": "no",
"percentages": "see Track Sizing",
"computedValue": "see Track Sizing",
"canonicalOrder": "per grammar",
"animationType": "if the list lengths match, by computed value type per item; discrete otherwise",
"styleDeclaration": [
"grid-auto-rows",
"gridAutoRows"
],
"syntax": "<track-size>+",
"extended": []
}
],
[
"grid-column",
{
"name": "grid-column",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-column",
"initial": "auto",
"appliesTo": "grid items and absolutely-positioned boxes whose containing block is a grid container",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "discrete",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"grid-column",
"gridColumn"
],
"syntax": "<grid-line> [ / <grid-line> ]?",
"extended": []
}
],
[
"grid-column-end",
{
"name": "grid-column-end",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-column-end",
"initial": "auto",
"appliesTo": "grid items and absolutely-positioned boxes whose containing block is a grid container",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword, identifier, and/or integer",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"grid-column-end",
"gridColumnEnd"
],
"syntax": "<grid-line>",
"extended": []
}
],
[
"grid-column-start",
{
"name": "grid-column-start",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-column-start",
"initial": "auto",
"appliesTo": "grid items and absolutely-positioned boxes whose containing block is a grid container",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword, identifier, and/or integer",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"grid-column-start",
"gridColumnStart"
],
"syntax": "<grid-line>",
"extended": []
}
],
[
"grid-row",
{
"name": "grid-row",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-row",
"initial": "auto",
"appliesTo": "grid items and absolutely-positioned boxes whose containing block is a grid container",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "discrete",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"grid-row",
"gridRow"
],
"syntax": "<grid-line> [ / <grid-line> ]?",
"extended": []
}
],
[
"grid-row-end",
{
"name": "grid-row-end",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-row-end",
"initial": "auto",
"appliesTo": "grid items and absolutely-positioned boxes whose containing block is a grid container",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword, identifier, and/or integer",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"grid-row-end",
"gridRowEnd"
],
"syntax": "<grid-line>",
"extended": []
}
],
[
"grid-row-start",
{
"name": "grid-row-start",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-row-start",
"initial": "auto",
"appliesTo": "grid items and absolutely-positioned boxes whose containing block is a grid container",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword, identifier, and/or integer",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"grid-row-start",
"gridRowStart"
],
"syntax": "<grid-line>",
"extended": []
}
],
[
"grid-template",
{
"name": "grid-template",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-template",
"initial": "none",
"appliesTo": "grid containers",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"grid-template",
"gridTemplate"
],
"syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?",
"extended": []
}
],
[
"grid-template-areas",
{
"name": "grid-template-areas",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-template-areas",
"initial": "none",
"appliesTo": "grid containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or a list of string values",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"grid-template-areas",
"gridTemplateAreas"
],
"syntax": "none | <string>+",
"extended": []
}
],
[
"grid-template-columns",
{
"name": "grid-template-columns",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-template-columns",
"initial": "none",
"appliesTo": "grid containers",
"inherited": "no",
"percentages": "refer to corresponding dimension of the content area",
"computedValue": "the keyword none or a computed track list",
"canonicalOrder": "per grammar",
"animationType": "if the list lengths match, by computed value type per item in the computed track list (see § 7.2.5 Computed Value of a Track Listing and § 7.2.3.3 Interpolation/Combination of repeat()); discrete otherwise",
"styleDeclaration": [
"grid-template-columns",
"gridTemplateColumns"
],
"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
"extended": []
}
],
[
"grid-template-rows",
{
"name": "grid-template-rows",
"href": "https://drafts.csswg.org/css-grid-2/#propdef-grid-template-rows",
"initial": "none",
"appliesTo": "grid containers",
"inherited": "no",
"percentages": "refer to corresponding dimension of the content area",
"computedValue": "the keyword none or a computed track list",
"canonicalOrder": "per grammar",
"animationType": "if the list lengths match, by computed value type per item in the computed track list (see § 7.2.5 Computed Value of a Track Listing and § 7.2.3.3 Interpolation/Combination of repeat()); discrete otherwise",
"styleDeclaration": [
"grid-template-rows",
"gridTemplateRows"
],
"syntax": "none | <track-list> | <auto-track-list> | subgrid <line-name-list>?",
"extended": []
}
],
[
"hanging-punctuation",
{
"name": "hanging-punctuation",
"href": "https://drafts.csswg.org/css-text-4/#propdef-hanging-punctuation",
"initial": "none",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"hanging-punctuation",
"hangingPunctuation"
],
"syntax": "none | [ first || [ force-end | allow-end ] || last ]",
"extended": []
}
],
[
"height",
{
"name": "height",
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-height",
"initial": "auto",
"appliesTo": "all elements except non-replaced inlines",
"inherited": "no",
"percentages": "relative to width/height of containing block",
"computedValue": "as specified, with <length-percentage> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value type, recursing into fit-content()",
"logicalPropertyGroup": "size",
"styleDeclaration": [
"height"
],
"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/",
"https://drafts.csswg.org/css-sizing-4/"
]
}
],
[
"hyphenate-character",
{
"name": "hyphenate-character",
"href": "https://drafts.csswg.org/css-text-4/#propdef-hyphenate-character",
"initial": "auto",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"hyphenate-character",
"hyphenateCharacter"
],
"syntax": "auto | <string>",
"extended": []
}
],
[
"hyphenate-limit-chars",
{
"name": "hyphenate-limit-chars",
"href": "https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-chars",
"initial": "auto",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "three values, each either the auto keyword or an integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"hyphenate-limit-chars",
"hyphenateLimitChars"
],
"syntax": "[ auto | <integer> ]{1,3}",
"extended": []
}
],
[
"hyphenate-limit-last",
{
"name": "hyphenate-limit-last",
"href": "https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-last",
"initial": "none",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"hyphenate-limit-last",
"hyphenateLimitLast"
],
"syntax": "none | always | column | page | spread",
"extended": []
}
],
[
"hyphenate-limit-lines",
{
"name": "hyphenate-limit-lines",
"href": "https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-lines",
"initial": "no-limit",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword or integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"hyphenate-limit-lines",
"hyphenateLimitLines"
],
"syntax": "no-limit | <integer>",
"extended": []
}
],
[
"hyphenate-limit-zone",
{
"name": "hyphenate-limit-zone",
"href": "https://drafts.csswg.org/css-text-4/#propdef-hyphenate-limit-zone",
"initial": "0",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "refers to length of the line box",
"computedValue": "computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"hyphenate-limit-zone",
"hyphenateLimitZone"
],
"syntax": "<length-percentage>",
"extended": []
}
],
[
"hyphens",
{
"name": "hyphens",
"href": "https://drafts.csswg.org/css-text-4/#propdef-hyphens",
"initial": "manual",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"hyphens"
],
"syntax": "none | manual | auto",
"extended": []
}
],
[
"image-orientation",
{
"name": "image-orientation",
"href": "https://drafts.csswg.org/css-images-3/#propdef-image-orientation",
"initial": "from-image",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the specified keyword, or an <angle>, rounded and normalized (see text), plus optionally a flip keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"image-orientation",
"imageOrientation"
],
"syntax": "from-image | none | [ <angle> || flip ]",
"extended": []
}
],
[
"image-rendering",
{
"name": "image-rendering",
"href": "https://drafts.csswg.org/css-images-3/#propdef-image-rendering",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"image-rendering",
"imageRendering"
],
"syntax": "auto | smooth | high-quality | pixelated | crisp-edges",
"extended": []
}
],
[
"image-resolution",
{
"name": "image-resolution",
"href": "https://drafts.csswg.org/css-images-4/#propdef-image-resolution",
"initial": "1dppx",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword(s) and/or <resolution> (possibly adjusted for snap, see below)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"image-resolution",
"imageResolution"
],
"syntax": "[ from-image || <resolution> ] && snap?",
"extended": []
}
],
[
"initial-letter",
{
"name": "initial-letter",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-initial-letter",
"initial": "normal",
"appliesTo": "certain inline-level boxes and ::first-letter and inside ::marker boxes (see prose)",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the keyword normal or a number paired with an integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"initial-letter",
"initialLetter"
],
"syntax": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
"extended": []
}
],
[
"initial-letter-align",
{
"name": "initial-letter-align",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-initial-letter-align",
"initial": "alphabetic",
"appliesTo": "certain inline-level boxes and ::first-letter and inside ::marker boxes (see prose)",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"initial-letter-align",
"initialLetterAlign"
],
"syntax": "[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!",
"extended": []
}
],
[
"initial-letter-wrap",
{
"name": "initial-letter-wrap",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-initial-letter-wrap",
"initial": "none",
"appliesTo": "certain inline-level boxes and ::first-letter and inside ::marker boxes (see prose)",
"inherited": "yes",
"percentages": "relative to logical width of (last fragment of) initial letter",
"computedValue": "specified keyword or computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"initial-letter-wrap",
"initialLetterWrap"
],
"syntax": "none | first | all | grid | <length-percentage>",
"extended": []
}
],
[
"inline-size",
{
"name": "inline-size",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-inline-size",
"initial": "auto",
"appliesTo": "Same as height and width",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as height, width",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "size",
"styleDeclaration": [
"inline-size",
"inlineSize"
],
"syntax": "<'width'>",
"extended": []
}
],
[
"inline-sizing",
{
"name": "inline-sizing",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-inline-sizing",
"initial": "normal",
"appliesTo": "inline boxes, but not ruby container boxes nor internal ruby boxes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"inline-sizing",
"inlineSizing"
],
"syntax": "normal | stretch",
"extended": []
}
],
[
"inset",
{
"name": "inset",
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"inset"
],
"syntax": "<'top'>{1,4}",
"extended": []
}
],
[
"inset-block",
{
"name": "inset-block",
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-block",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"inset-block",
"insetBlock"
],
"syntax": "<'top'>{1,2}",
"extended": []
}
],
[
"inset-block-end",
{
"name": "inset-block-end",
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-block-end",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "refer to size of containing block; see prose",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "inset",
"styleDeclaration": [
"inset-block-end",
"insetBlockEnd"
],
"syntax": "auto | <length-percentage>",
"extended": []
}
],
[
"inset-block-start",
{
"name": "inset-block-start",
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-block-start",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "refer to size of containing block; see prose",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "inset",
"styleDeclaration": [
"inset-block-start",
"insetBlockStart"
],
"syntax": "auto | <length-percentage>",
"extended": []
}
],
[
"inset-inline",
{
"name": "inset-inline",
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-inline",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"inset-inline",
"insetInline"
],
"syntax": "<'top'>{1,2}",
"extended": []
}
],
[
"inset-inline-end",
{
"name": "inset-inline-end",
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-inline-end",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "refer to size of containing block; see prose",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "inset",
"styleDeclaration": [
"inset-inline-end",
"insetInlineEnd"
],
"syntax": "auto | <length-percentage>",
"extended": []
}
],
[
"inset-inline-start",
{
"name": "inset-inline-start",
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-inline-start",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "refer to size of containing block; see prose",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "inset",
"styleDeclaration": [
"inset-inline-start",
"insetInlineStart"
],
"syntax": "auto | <length-percentage>",
"extended": []
}
],
[
"interpolate-size",
{
"name": "interpolate-size",
"href": "https://drafts.csswg.org/css-values-5/#propdef-interpolate-size",
"initial": "numeric-only",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"interpolate-size",
"interpolateSize"
],
"syntax": "numeric-only | allow-keywords",
"extended": []
}
],
[
"isolation",
{
"name": "isolation",
"href": "https://drafts.fxtf.org/compositing-2/#propdef-isolation",
"initial": "auto",
"appliesTo": "All elements. In SVG, it applies to container elements, graphics elements and graphics referencing elements. [SVG11]",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"media": "visual",
"animatable": "no",
"styleDeclaration": [
"isolation"
],
"syntax": "<isolation-mode>",
"extended": []
}
],
[
"item-cross",
{
"name": "item-cross",
"href": "https://drafts.csswg.org/css-grid-3/#propdef-item-cross",
"initial": "auto",
"appliesTo": "flex containers, grid containers, masonry containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"item-cross",
"itemCross"
],
"syntax": "[ auto | nowrap | wrap ] || [ normal | reverse ] | wrap-reverse",
"extended": []
}
],
[
"item-direction",
{
"name": "item-direction",
"href": "https://drafts.csswg.org/css-grid-3/#propdef-item-direction",
"initial": "auto",
"appliesTo": "flex containers, grid containers, masonry containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"item-direction",
"itemDirection"
],
"syntax": "auto | row | column | row-reverse | column-reverse",
"extended": []
}
],
[
"item-flow",
{
"name": "item-flow",
"href": "https://drafts.csswg.org/css-grid-3/#propdef-item-flow",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"item-flow",
"itemFlow"
],
"syntax": "<'item-direction'> || <'item-wrap'> || <'item-pack'> || <'item-tolerance'>",
"extended": []
}
],
[
"item-pack",
{
"name": "item-pack",
"href": "https://drafts.csswg.org/css-grid-3/#propdef-item-pack",
"initial": "normal",
"appliesTo": "flex containers, grid containers, masonry containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"item-pack",
"itemPack"
],
"syntax": "normal | dense || balance",
"extended": []
}
],
[
"item-track",
{
"name": "item-track",
"href": "https://drafts.csswg.org/css-grid-3/#propdef-item-track",
"initial": "auto",
"appliesTo": "flex containers, grid containers, masonry containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"item-track",
"itemTrack"
],
"syntax": "auto | row | column | row-reverse | column-reverse",
"extended": []
}
],
[
"item-wrap",
{
"name": "item-wrap",
"href": "https://drafts.csswg.org/css-grid-3/#propdef-item-wrap",
"initial": "auto",
"appliesTo": "flex containers, grid containers, masonry containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"item-wrap",
"itemWrap"
],
"syntax": "[ auto | nowrap | wrap ] || [ normal | reverse ] | wrap-reverse",
"extended": []
}
],
[
"justify-content",
{
"name": "justify-content",
"href": "https://drafts.csswg.org/css-align-3/#propdef-justify-content",
"initial": "normal",
"appliesTo": "multicol containers, flex containers, and grid containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"justify-content",
"justifyContent"
],
"syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
"extended": []
}
],
[
"justify-items",
{
"name": "justify-items",
"href": "https://drafts.csswg.org/css-align-3/#propdef-justify-items",
"initial": "legacy",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s), except for legacy (see prose)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"justify-items",
"justifyItems"
],
"syntax": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ] | anchor-center",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"justify-self",
{
"name": "justify-self",
"href": "https://drafts.csswg.org/css-align-3/#propdef-justify-self",
"initial": "auto",
"appliesTo": "block-level boxes, absolutely-positioned boxes, and grid items",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"justify-self",
"justifySelf"
],
"syntax": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | anchor-center",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"left",
{
"name": "left",
"href": "https://drafts.csswg.org/css-position-3/#propdef-left",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "refer to size of containing block; see prose",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "inset",
"styleDeclaration": [
"left"
],
"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"letter-spacing",
{
"name": "letter-spacing",
"href": "https://drafts.csswg.org/css-text-4/#propdef-letter-spacing",
"initial": "normal",
"appliesTo": "inline boxes and text",
"inherited": "yes",
"percentages": "relative to computed font-size, i.e. 1em",
"computedValue": "an absolute length and/or a percentage",
"canonicalOrder": "n/a",
"animationType": "by computed value type",
"styleDeclaration": [
"letter-spacing",
"letterSpacing"
],
"syntax": "normal | <length-percentage>",
"extended": []
}
],
[
"lighting-color",
{
"name": "lighting-color",
"href": "https://drafts.fxtf.org/filter-effects-1/#propdef-lighting-color",
"initial": "white",
"appliesTo": "feDiffuseLighting and feSpecularLighting elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"lighting-color",
"lightingColor"
],
"syntax": "<color>",
"extended": []
}
],
[
"line-break",
{
"name": "line-break",
"href": "https://drafts.csswg.org/css-text-4/#propdef-line-break",
"initial": "auto",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"line-break",
"lineBreak"
],
"syntax": "auto | loose | normal | strict | anywhere",
"extended": []
}
],
[
"line-clamp",
{
"name": "line-clamp",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-line-clamp",
"initial": "none",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"line-clamp",
"lineClamp"
],
"syntax": "none | [<integer [1,∞]> || <'block-ellipsis'>] -webkit-legacy?",
"extended": []
}
],
[
"line-fit-edge",
{
"name": "line-fit-edge",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-line-fit-edge",
"initial": "leading",
"appliesTo": "inline boxes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"line-fit-edge",
"lineFitEdge"
],
"syntax": "leading | <text-edge>",
"extended": []
}
],
[
"line-grid",
{
"name": "line-grid",
"href": "https://drafts.csswg.org/css-line-grid-1/#propdef-line-grid",
"initial": "match-parent",
"appliesTo": "block, flex and grid containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"line-grid",
"lineGrid"
],
"syntax": "match-parent | create",
"extended": []
}
],
[
"line-height",
{
"name": "line-height",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-line-height",
"initial": "normal",
"appliesTo": "non-replaced inline boxes and SVG text content elements",
"inherited": "yes",
"percentages": "computed relative to 1em",
"computedValue": "the specified keyword, a number, or a computed <length> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"line-height",
"lineHeight"
],
"syntax": "normal | <number [0,∞]> | <length-percentage [0,∞]>",
"extended": []
}
],
[
"line-height-step",
{
"name": "line-height-step",
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-line-height-step",
"initial": "0",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"line-height-step",
"lineHeightStep"
],
"syntax": "<length [0,∞]>",
"extended": []
}
],
[
"line-padding",
{
"name": "line-padding",
"href": "https://drafts.csswg.org/css-text-4/#propdef-line-padding",
"initial": "0",
"appliesTo": "inline boxes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"line-padding",
"linePadding"
],
"syntax": "<length>",
"extended": []
}
],
[
"line-snap",
{
"name": "line-snap",
"href": "https://drafts.csswg.org/css-line-grid-1/#propdef-line-snap",
"initial": "none",
"appliesTo": "block container elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"line-snap",
"lineSnap"
],
"syntax": "none | baseline | contain",
"extended": []
}
],
[
"list-style",
{
"name": "list-style",
"href": "https://drafts.csswg.org/css-lists-3/#propdef-list-style",
"initial": "see individual properties",
"appliesTo": "list items",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"list-style",
"listStyle"
],
"syntax": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>",
"extended": []
}
],
[
"list-style-image",
{
"name": "list-style-image",
"href": "https://drafts.csswg.org/css-lists-3/#propdef-list-style-image",
"initial": "none",
"appliesTo": "list items",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the keyword noneor the computed <image>",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"list-style-image",
"listStyleImage"
],
"syntax": "<image> | none",
"extended": []
}
],
[
"list-style-position",
{
"name": "list-style-position",
"href": "https://drafts.csswg.org/css-lists-3/#propdef-list-style-position",
"initial": "outside",
"appliesTo": "list items",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "keyword, but see prose",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"list-style-position",
"listStylePosition"
],
"syntax": "inside | outside",
"extended": []
}
],
[
"list-style-type",
{
"name": "list-style-type",
"href": "https://drafts.csswg.org/css-lists-3/#propdef-list-style-type",
"initial": "disc",
"appliesTo": "list items",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"list-style-type",
"listStyleType"
],
"syntax": "<counter-style> | <string> | none",
"extended": []
}
],
[
"margin",
{
"name": "margin",
"href": "https://drafts.csswg.org/css-box-4/#propdef-margin",
"initial": "0",
"appliesTo": "all elements except internal table elements, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"margin"
],
"syntax": "<'margin-top'>{1,4}",
"extended": []
}
],
[
"margin-block",
{
"name": "margin-block",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-block",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"margin-block",
"marginBlock"
],
"syntax": "<'margin-top'>{1,2}",
"extended": []
}
],
[
"margin-block-end",
{
"name": "margin-block-end",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-block-end",
"initial": "0",
"appliesTo": "Same as margin-top",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as corresponding margin-* properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "margin",
"styleDeclaration": [
"margin-block-end",
"marginBlockEnd"
],
"syntax": "<'margin-top'>",
"extended": []
}
],
[
"margin-block-start",
{
"name": "margin-block-start",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-block-start",
"initial": "0",
"appliesTo": "Same as margin-top",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as corresponding margin-* properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "margin",
"styleDeclaration": [
"margin-block-start",
"marginBlockStart"
],
"syntax": "<'margin-top'>",
"extended": []
}
],
[
"margin-bottom",
{
"name": "margin-bottom",
"href": "https://drafts.csswg.org/css-box-4/#propdef-margin-bottom",
"initial": "0",
"appliesTo": "all elements except internal table elements, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "margin",
"styleDeclaration": [
"margin-bottom",
"marginBottom"
],
"syntax": "<length-percentage> | auto | <anchor-size()>",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"margin-break",
{
"name": "margin-break",
"href": "https://drafts.csswg.org/css-break-4/#propdef-margin-break",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"margin-break",
"marginBreak"
],
"syntax": "auto | keep | discard",
"extended": []
}
],
[
"margin-inline",
{
"name": "margin-inline",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-inline",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"margin-inline",
"marginInline"
],
"syntax": "<'margin-top'>{1,2}",
"extended": []
}
],
[
"margin-inline-end",
{
"name": "margin-inline-end",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-inline-end",
"initial": "0",
"appliesTo": "Same as margin-top",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as corresponding margin-* properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "margin",
"styleDeclaration": [
"margin-inline-end",
"marginInlineEnd"
],
"syntax": "<'margin-top'>",
"extended": []
}
],
[
"margin-inline-start",
{
"name": "margin-inline-start",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-inline-start",
"initial": "0",
"appliesTo": "Same as margin-top",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as corresponding margin-* properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "margin",
"styleDeclaration": [
"margin-inline-start",
"marginInlineStart"
],
"syntax": "<'margin-top'>",
"extended": []
}
],
[
"margin-left",
{
"name": "margin-left",
"href": "https://drafts.csswg.org/css-box-4/#propdef-margin-left",
"initial": "0",
"appliesTo": "all elements except internal table elements, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "margin",
"styleDeclaration": [
"margin-left",
"marginLeft"
],
"syntax": "<length-percentage> | auto | <anchor-size()>",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"margin-right",
{
"name": "margin-right",
"href": "https://drafts.csswg.org/css-box-4/#propdef-margin-right",
"initial": "0",
"appliesTo": "all elements except internal table elements, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "margin",
"styleDeclaration": [
"margin-right",
"marginRight"
],
"syntax": "<length-percentage> | auto | <anchor-size()>",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"margin-top",
{
"name": "margin-top",
"href": "https://drafts.csswg.org/css-box-4/#propdef-margin-top",
"initial": "0",
"appliesTo": "all elements except internal table elements, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "margin",
"styleDeclaration": [
"margin-top",
"marginTop"
],
"syntax": "<length-percentage> | auto | <anchor-size()>",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"margin-trim",
{
"name": "margin-trim",
"href": "https://drafts.csswg.org/css-box-4/#propdef-margin-trim",
"initial": "none",
"appliesTo": "block containers, multi-column containers, flex containers, grid containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "a set of zero to four keywords indicating which sides to trim",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"margin-trim",
"marginTrim"
],
"syntax": "none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]",
"extended": []
}
],
[
"marker",
{
"name": "marker",
"href": "https://svgwg.org/svg2-draft/painting.html#MarkerProperty",
"initial": "not defined for shorthand properties",
"appliesTo": "shapes",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "see individual properties",
"animationType": "discrete",
"styleDeclaration": [
"marker"
],
"syntax": "none | <marker-ref>",
"extended": []
}
],
[
"marker-end",
{
"name": "marker-end",
"href": "https://svgwg.org/svg2-draft/painting.html#MarkerEndProperty",
"initial": "none",
"appliesTo": "shapes",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified, but with <url> values (that are part of a <marker-ref>) made absolute",
"animationType": "discrete",
"styleDeclaration": [
"marker-end",
"markerEnd"
],
"syntax": "none | <marker-ref>",
"extended": []
}
],
[
"marker-mid",
{
"name": "marker-mid",
"href": "https://svgwg.org/svg2-draft/painting.html#MarkerMidProperty",
"initial": "none",
"appliesTo": "shapes",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified, but with <url> values (that are part of a <marker-ref>) made absolute",
"animationType": "discrete",
"styleDeclaration": [
"marker-mid",
"markerMid"
],
"syntax": "none | <marker-ref>",
"extended": []
}
],
[
"marker-side",
{
"name": "marker-side",
"href": "https://drafts.csswg.org/css-lists-3/#propdef-marker-side",
"initial": "match-self",
"appliesTo": "list items",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"marker-side",
"markerSide"
],
"syntax": "match-self | match-parent",
"extended": []
}
],
[
"marker-start",
{
"name": "marker-start",
"href": "https://svgwg.org/svg2-draft/painting.html#MarkerStartProperty",
"initial": "none",
"appliesTo": "shapes",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified, but with <url> values (that are part of a <marker-ref>) made absolute",
"animationType": "discrete",
"styleDeclaration": [
"marker-start",
"markerStart"
],
"syntax": "none | <marker-ref>",
"extended": []
}
],
[
"mask",
{
"name": "mask",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask",
"initial": "see individual properties",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"media": "visual",
"styleDeclaration": [
"mask"
],
"syntax": "<mask-layer>#",
"extended": []
}
],
[
"mask-border",
{
"name": "mask-border",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border",
"initial": "See individual properties",
"appliesTo": "See individual properties",
"inherited": "no",
"percentages": "n/a",
"computedValue": "See individual properties",
"canonicalOrder": "per grammar",
"animationType": "See individual properties",
"media": "visual",
"styleDeclaration": [
"mask-border",
"maskBorder"
],
"syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
"extended": []
}
],
[
"mask-border-mode",
{
"name": "mask-border-mode",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-mode",
"initial": "alpha",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-border-mode",
"maskBorderMode"
],
"syntax": "luminance | alpha",
"extended": []
}
],
[
"mask-border-outset",
{
"name": "mask-border-outset",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-outset",
"initial": "0",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "all <length>s made absolute, otherwise as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"mask-border-outset",
"maskBorderOutset"
],
"syntax": "[ <length> | <number> ]{1,4}",
"extended": []
}
],
[
"mask-border-repeat",
{
"name": "mask-border-repeat",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-repeat",
"initial": "stretch",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-border-repeat",
"maskBorderRepeat"
],
"syntax": "[ stretch | repeat | round | space ]{1,2}",
"extended": []
}
],
[
"mask-border-slice",
{
"name": "mask-border-slice",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-slice",
"initial": "0",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "refer to size of the mask border image",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"mask-border-slice",
"maskBorderSlice"
],
"syntax": "[ <number> | <percentage> ]{1,4} fill?",
"extended": []
}
],
[
"mask-border-source",
{
"name": "mask-border-source",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-source",
"initial": "none",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "they keyword none or the computed <image>",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-border-source",
"maskBorderSource"
],
"syntax": "none | <image>",
"extended": []
}
],
[
"mask-border-width",
{
"name": "mask-border-width",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-width",
"initial": "auto",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "relative to width/height of the mask border image area",
"computedValue": "all <length>s made absolute, otherwise as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"mask-border-width",
"maskBorderWidth"
],
"syntax": "[ <length-percentage> | <number> | auto ]{1,4}",
"extended": []
}
],
[
"mask-clip",
{
"name": "mask-clip",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-clip",
"initial": "border-box",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list, each item the keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-clip",
"maskClip"
],
"syntax": "[ <coord-box> | no-clip ]#",
"extended": []
}
],
[
"mask-composite",
{
"name": "mask-composite",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-composite",
"initial": "add",
"appliesTo": "All elements. In SVG, it applies to container elements without the defs element and all graphics elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list, each item the keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-composite",
"maskComposite"
],
"syntax": "<compositing-operator>#",
"extended": []
}
],
[
"mask-image",
{
"name": "mask-image",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-image",
"initial": "none",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list, each item the keyword none, a computed <image>, or a computed <url>",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-image",
"maskImage"
],
"syntax": "<mask-reference>#",
"extended": []
}
],
[
"mask-mode",
{
"name": "mask-mode",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-mode",
"initial": "match-source",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list, each item the keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-mode",
"maskMode"
],
"syntax": "<masking-mode>#",
"extended": []
}
],
[
"mask-origin",
{
"name": "mask-origin",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-origin",
"initial": "border-box",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list, each item the keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-origin",
"maskOrigin"
],
"syntax": "<coord-box>#",
"extended": []
}
],
[
"mask-position",
{
"name": "mask-position",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-position",
"initial": "0% 0%",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "refer to size of mask painting area minus size of mask layer image; see text background-position [CSS3BG]",
"computedValue": "list, each item consists of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentage.",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"mask-position",
"maskPosition"
],
"syntax": "<position>#",
"extended": []
}
],
[
"mask-repeat",
{
"name": "mask-repeat",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-repeat",
"initial": "repeat",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list, each item a pair of keywords, one per dimension",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-repeat",
"maskRepeat"
],
"syntax": "<repeat-style>#",
"extended": []
}
],
[
"mask-size",
{
"name": "mask-size",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-size",
"initial": "auto",
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list, each item as specified, but with lengths made absolute",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"mask-size",
"maskSize"
],
"syntax": "<bg-size>#",
"extended": []
}
],
[
"mask-type",
{
"name": "mask-type",
"href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-type",
"initial": "luminance",
"appliesTo": "mask elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mask-type",
"maskType"
],
"syntax": "luminance | alpha",
"extended": []
}
],
[
"max-block-size",
{
"name": "max-block-size",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-max-block-size",
"initial": "none",
"appliesTo": "same as height and width",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as max-height, max-width",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "max-size",
"styleDeclaration": [
"max-block-size",
"maxBlockSize"
],
"syntax": "<'max-width'>",
"extended": []
}
],
[
"max-height",
{
"name": "max-height",
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-height",
"initial": "none",
"appliesTo": "all elements that accept width or height",
"inherited": "no",
"percentages": "relative to width/height of containing block",
"computedValue": "as specified, with <length-percentage> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value, recursing into fit-content()",
"logicalPropertyGroup": "max-size",
"styleDeclaration": [
"max-height",
"maxHeight"
],
"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/",
"https://drafts.csswg.org/css-sizing-4/"
]
}
],
[
"max-inline-size",
{
"name": "max-inline-size",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-max-inline-size",
"initial": "none",
"appliesTo": "same as height and width",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as max-height, max-width",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "max-size",
"styleDeclaration": [
"max-inline-size",
"maxInlineSize"
],
"syntax": "<'max-width'>",
"extended": []
}
],
[
"max-lines",
{
"name": "max-lines",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-max-lines",
"initial": "none",
"appliesTo": "block containers which are also either line-clamp containers or fragmentation containers that capture region breaks",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the keyword none or an integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"max-lines",
"maxLines"
],
"syntax": "none | <integer [1,∞]>",
"extended": []
}
],
[
"max-width",
{
"name": "max-width",
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-width",
"initial": "none",
"appliesTo": "all elements that accept width or height",
"inherited": "no",
"percentages": "relative to width/height of containing block",
"computedValue": "as specified, with <length-percentage> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value, recursing into fit-content()",
"logicalPropertyGroup": "max-size",
"styleDeclaration": [
"max-width",
"maxWidth"
],
"syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/",
"https://drafts.csswg.org/css-sizing-4/"
]
}
],
[
"min-block-size",
{
"name": "min-block-size",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-min-block-size",
"initial": "0",
"appliesTo": "same as height and width",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as min-height, min-width",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "min-size",
"styleDeclaration": [
"min-block-size",
"minBlockSize"
],
"syntax": "<'min-width'>",
"extended": []
}
],
[
"min-height",
{
"name": "min-height",
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-height",
"initial": "auto",
"appliesTo": "all elements that accept width or height",
"inherited": "no",
"percentages": "relative to width/height of containing block",
"computedValue": "as specified, with <length-percentage> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value, recursing into fit-content()",
"logicalPropertyGroup": "min-size",
"styleDeclaration": [
"min-height",
"minHeight"
],
"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/",
"https://drafts.csswg.org/css-sizing-4/"
]
}
],
[
"min-inline-size",
{
"name": "min-inline-size",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-min-inline-size",
"initial": "0",
"appliesTo": "same as height and width",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as min-height, min-width",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "min-size",
"styleDeclaration": [
"min-inline-size",
"minInlineSize"
],
"syntax": "<'min-width'>",
"extended": []
}
],
[
"min-intrinsic-sizing",
{
"name": "min-intrinsic-sizing",
"href": "https://drafts.csswg.org/css-sizing-4/#propdef-min-intrinsic-sizing",
"initial": "legacy",
"appliesTo": "all elements except inline boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"min-intrinsic-sizing",
"minIntrinsicSizing"
],
"syntax": "legacy | zero-if-scroll || zero-if-extrinsic",
"extended": []
}
],
[
"min-width",
{
"name": "min-width",
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-width",
"initial": "auto",
"appliesTo": "all elements that accept width or height",
"inherited": "no",
"percentages": "relative to width/height of containing block",
"computedValue": "as specified, with <length-percentage> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value, recursing into fit-content()",
"logicalPropertyGroup": "min-size",
"styleDeclaration": [
"min-width",
"minWidth"
],
"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/",
"https://drafts.csswg.org/css-sizing-4/"
]
}
],
[
"mix-blend-mode",
{
"name": "mix-blend-mode",
"href": "https://drafts.fxtf.org/compositing-2/#propdef-mix-blend-mode",
"initial": "normal",
"appliesTo": "All elements. In SVG, it applies to container elements, graphics elements and graphics referencing elements. [SVG11]",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"media": "visual",
"animatable": "no",
"styleDeclaration": [
"mix-blend-mode",
"mixBlendMode"
],
"syntax": "<blend-mode> | plus-darker | plus-lighter",
"extended": []
}
],
[
"nav-down",
{
"name": "nav-down",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-nav-down",
"initial": "auto",
"appliesTo": "all enabled elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"nav-down",
"navDown"
],
"syntax": "auto | <id> [ current | root | <target-name> ]?",
"extended": []
}
],
[
"nav-left",
{
"name": "nav-left",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-nav-left",
"initial": "auto",
"appliesTo": "all enabled elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"nav-left",
"navLeft"
],
"syntax": "auto | <id> [ current | root | <target-name> ]?",
"extended": []
}
],
[
"nav-right",
{
"name": "nav-right",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-nav-right",
"initial": "auto",
"appliesTo": "all enabled elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"nav-right",
"navRight"
],
"syntax": "auto | <id> [ current | root | <target-name> ]?",
"extended": []
}
],
[
"nav-up",
{
"name": "nav-up",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-nav-up",
"initial": "auto",
"appliesTo": "all enabled elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"nav-up",
"navUp"
],
"syntax": "auto | <id> [ current | root | <target-name> ]?",
"extended": []
}
],
[
"object-fit",
{
"name": "object-fit",
"href": "https://drafts.csswg.org/css-images-4/#propdef-object-fit",
"initial": "fill",
"appliesTo": "replaced elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"object-fit",
"objectFit"
],
"syntax": "fill | none | [contain | cover] || scale-down",
"extended": []
}
],
[
"object-position",
{
"name": "object-position",
"href": "https://drafts.csswg.org/css-images-3/#propdef-object-position",
"initial": "50% 50%",
"appliesTo": "replaced elements",
"inherited": "no",
"percentages": "refer to width and height of element itself",
"computedValue": "as for background-position",
"canonicalOrder": "the horizontal component of the <position>, followed by the vertical component",
"animationType": "as for background-position",
"styleDeclaration": [
"object-position",
"objectPosition"
],
"syntax": "<position>",
"extended": []
}
],
[
"offset",
{
"name": "offset",
"href": "https://drafts.fxtf.org/motion-1/#propdef-offset",
"initial": "see individual properties",
"appliesTo": "transformable elements",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"offset"
],
"syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?",
"extended": []
}
],
[
"offset-anchor",
{
"name": "offset-anchor",
"href": "https://drafts.fxtf.org/motion-1/#propdef-offset-anchor",
"initial": "auto",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "relative to the width and the height of the elements reference box",
"computedValue": "the auto keyword or a computed <position>",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"offset-anchor",
"offsetAnchor"
],
"syntax": "auto | <position>",
"extended": []
}
],
[
"offset-distance",
{
"name": "offset-distance",
"href": "https://drafts.fxtf.org/motion-1/#propdef-offset-distance",
"initial": "0",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "relative to the offset path length",
"computedValue": "a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"offset-distance",
"offsetDistance"
],
"syntax": "<length-percentage>",
"extended": []
}
],
[
"offset-path",
{
"name": "offset-path",
"href": "https://drafts.fxtf.org/motion-1/#propdef-offset-path",
"initial": "none",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"offset-path",
"offsetPath"
],
"syntax": "none | <offset-path> || <coord-box>",
"extended": []
}
],
[
"offset-position",
{
"name": "offset-position",
"href": "https://drafts.fxtf.org/motion-1/#propdef-offset-position",
"initial": "normal",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "Refer to the size of containing block",
"computedValue": "The normal or auto keywords, or a computed <position>",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"offset-position",
"offsetPosition"
],
"syntax": "normal | auto | <position>",
"extended": []
}
],
[
"offset-rotate",
{
"name": "offset-rotate",
"href": "https://drafts.fxtf.org/motion-1/#propdef-offset-rotate",
"initial": "auto",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "computed <angle> value, optionally preceded by auto",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"offset-rotate",
"offsetRotate"
],
"syntax": "[ auto | reverse ] || <angle>",
"extended": []
}
],
[
"opacity",
{
"name": "opacity",
"href": "https://drafts.csswg.org/css-color-4/#propdef-opacity",
"initial": "1",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "map to the range [0,1]",
"computedValue": "specified number, clamped to the range [0,1]",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"opacity"
],
"syntax": "<opacity-value>",
"extended": []
}
],
[
"order",
{
"name": "order",
"href": "https://drafts.csswg.org/css-display-4/#propdef-order",
"initial": "0",
"appliesTo": "flex items and grid items",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"order"
],
"syntax": "<integer>",
"extended": []
}
],
[
"orphans",
{
"name": "orphans",
"href": "https://drafts.csswg.org/css-break-4/#propdef-orphans",
"initial": "2",
"appliesTo": "block containers that establish an inline formatting context",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"orphans"
],
"syntax": "<integer [1,∞]>",
"extended": []
}
],
[
"outline",
{
"name": "outline",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-outline",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"outline"
],
"syntax": "<'outline-width'> || <'outline-style'> || <'outline-color'>",
"extended": []
}
],
[
"outline-color",
{
"name": "outline-color",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-outline-color",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see below",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"outline-color",
"outlineColor"
],
"syntax": "auto | <'border-top-color'>",
"extended": []
}
],
[
"outline-offset",
{
"name": "outline-offset",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-outline-offset",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"outline-offset",
"outlineOffset"
],
"syntax": "<length>",
"extended": []
}
],
[
"outline-style",
{
"name": "outline-style",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-outline-style",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"outline-style",
"outlineStyle"
],
"syntax": "auto | <outline-line-style>",
"extended": []
}
],
[
"outline-width",
{
"name": "outline-width",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-outline-width",
"initial": "medium",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "absolute length, snapped as a border width",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"outline-width",
"outlineWidth"
],
"syntax": "<line-width>",
"extended": []
}
],
[
"overflow",
{
"name": "overflow",
"href": "https://drafts.csswg.org/css-overflow-3/#propdef-overflow",
"initial": "visible",
"appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], and grid containers [CSS3-GRID-LAYOUT]",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "discrete",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"overflow"
],
"syntax": "<'overflow-block'>{1,2}",
"extended": []
}
],
[
"overflow-anchor",
{
"name": "overflow-anchor",
"href": "https://drafts.csswg.org/css-scroll-anchoring-1/#propdef-overflow-anchor",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"overflow-anchor",
"overflowAnchor"
],
"syntax": "auto | none",
"extended": []
}
],
[
"overflow-block",
{
"name": "overflow-block",
"href": "https://drafts.csswg.org/css-overflow-3/#propdef-overflow-block",
"initial": "visible",
"appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], grid containers [CSS3-GRID-LAYOUT]",
"inherited": "no",
"percentages": "N/A",
"computedValue": "usually specified value, but see text",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "overflow",
"styleDeclaration": [
"overflow-block",
"overflowBlock"
],
"syntax": "visible | hidden | clip | scroll | auto",
"extended": []
}
],
[
"overflow-clip-margin",
{
"name": "overflow-clip-margin",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"overflow-clip-margin",
"overflowClipMargin"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-block",
{
"name": "overflow-clip-margin-block",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"overflow-clip-margin-block",
"overflowClipMarginBlock"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-block-end",
{
"name": "overflow-clip-margin-block-end",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block-end",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "the computed <length> and a <visual-box> keyword",
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
"canonicalOrder": "per grammar",
"logicalPropertyGroup": "overflow-clip-margin",
"styleDeclaration": [
"overflow-clip-margin-block-end",
"overflowClipMarginBlockEnd"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-block-start",
{
"name": "overflow-clip-margin-block-start",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-block-start",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "the computed <length> and a <visual-box> keyword",
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
"canonicalOrder": "per grammar",
"logicalPropertyGroup": "overflow-clip-margin",
"styleDeclaration": [
"overflow-clip-margin-block-start",
"overflowClipMarginBlockStart"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-bottom",
{
"name": "overflow-clip-margin-bottom",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-bottom",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "the computed <length> and a <visual-box> keyword",
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
"canonicalOrder": "per grammar",
"logicalPropertyGroup": "overflow-clip-margin",
"styleDeclaration": [
"overflow-clip-margin-bottom",
"overflowClipMarginBottom"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-inline",
{
"name": "overflow-clip-margin-inline",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"overflow-clip-margin-inline",
"overflowClipMarginInline"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-inline-end",
{
"name": "overflow-clip-margin-inline-end",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline-end",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "the computed <length> and a <visual-box> keyword",
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
"canonicalOrder": "per grammar",
"logicalPropertyGroup": "overflow-clip-margin",
"styleDeclaration": [
"overflow-clip-margin-inline-end",
"overflowClipMarginInlineEnd"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-inline-start",
{
"name": "overflow-clip-margin-inline-start",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-inline-start",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "the computed <length> and a <visual-box> keyword",
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
"canonicalOrder": "per grammar",
"logicalPropertyGroup": "overflow-clip-margin",
"styleDeclaration": [
"overflow-clip-margin-inline-start",
"overflowClipMarginInlineStart"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-left",
{
"name": "overflow-clip-margin-left",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-left",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "the computed <length> and a <visual-box> keyword",
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
"canonicalOrder": "per grammar",
"logicalPropertyGroup": "overflow-clip-margin",
"styleDeclaration": [
"overflow-clip-margin-left",
"overflowClipMarginLeft"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-right",
{
"name": "overflow-clip-margin-right",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-right",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "the computed <length> and a <visual-box> keyword",
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
"canonicalOrder": "per grammar",
"logicalPropertyGroup": "overflow-clip-margin",
"styleDeclaration": [
"overflow-clip-margin-right",
"overflowClipMarginRight"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-clip-margin-top",
{
"name": "overflow-clip-margin-top",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-overflow-clip-margin-top",
"initial": "0px",
"appliesTo": "boxes to which overflow applies",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "the computed <length> and a <visual-box> keyword",
"animationType": "per computed value if the <visual-box> values match; otherwise discrete",
"canonicalOrder": "per grammar",
"logicalPropertyGroup": "overflow-clip-margin",
"styleDeclaration": [
"overflow-clip-margin-top",
"overflowClipMarginTop"
],
"syntax": "<visual-box> || <length [0,∞]>",
"extended": []
}
],
[
"overflow-inline",
{
"name": "overflow-inline",
"href": "https://drafts.csswg.org/css-overflow-3/#propdef-overflow-inline",
"initial": "visible",
"appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], grid containers [CSS3-GRID-LAYOUT]",
"inherited": "no",
"percentages": "N/A",
"computedValue": "usually specified value, but see text",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "overflow",
"styleDeclaration": [
"overflow-inline",
"overflowInline"
],
"syntax": "visible | hidden | clip | scroll | auto",
"extended": []
}
],
[
"overflow-wrap",
{
"name": "overflow-wrap",
"href": "https://drafts.csswg.org/css-text-4/#propdef-overflow-wrap",
"initial": "normal",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"overflow-wrap",
"overflowWrap"
],
"syntax": "normal | break-word | anywhere",
"extended": []
}
],
[
"overflow-x",
{
"name": "overflow-x",
"href": "https://drafts.csswg.org/css-overflow-3/#propdef-overflow-x",
"initial": "visible",
"appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], grid containers [CSS3-GRID-LAYOUT]",
"inherited": "no",
"percentages": "N/A",
"computedValue": "usually specified value, but see text",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "overflow",
"styleDeclaration": [
"overflow-x",
"overflowX"
],
"syntax": "visible | hidden | clip | scroll | auto",
"extended": []
}
],
[
"overflow-y",
{
"name": "overflow-y",
"href": "https://drafts.csswg.org/css-overflow-3/#propdef-overflow-y",
"initial": "visible",
"appliesTo": "block containers [CSS2], flex containers [CSS3-FLEXBOX], grid containers [CSS3-GRID-LAYOUT]",
"inherited": "no",
"percentages": "N/A",
"computedValue": "usually specified value, but see text",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "overflow",
"styleDeclaration": [
"overflow-y",
"overflowY"
],
"syntax": "visible | hidden | clip | scroll | auto",
"extended": []
}
],
[
"overlay",
{
"name": "overlay",
"href": "https://drafts.csswg.org/css-position-4/#propdef-overlay",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "see prose",
"styleDeclaration": [
"overlay"
],
"syntax": "none | auto",
"extended": []
}
],
[
"overscroll-behavior",
{
"name": "overscroll-behavior",
"href": "https://drafts.csswg.org/css-overscroll-1/#propdef-overscroll-behavior",
"initial": "auto auto",
"appliesTo": "scroll container elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"overscroll-behavior",
"overscrollBehavior"
],
"syntax": "[ contain | none | auto ]{1,2}",
"extended": []
}
],
[
"overscroll-behavior-block",
{
"name": "overscroll-behavior-block",
"href": "https://drafts.csswg.org/css-overscroll-1/#propdef-overscroll-behavior-block",
"initial": "auto",
"appliesTo": "scroll container elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "overscroll-behavior",
"media": "visual",
"styleDeclaration": [
"overscroll-behavior-block",
"overscrollBehaviorBlock"
],
"syntax": "contain | none | auto",
"extended": []
}
],
[
"overscroll-behavior-inline",
{
"name": "overscroll-behavior-inline",
"href": "https://drafts.csswg.org/css-overscroll-1/#propdef-overscroll-behavior-inline",
"initial": "auto",
"appliesTo": "scroll container elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "overscroll-behavior",
"media": "visual",
"styleDeclaration": [
"overscroll-behavior-inline",
"overscrollBehaviorInline"
],
"syntax": "contain | none | auto",
"extended": []
}
],
[
"overscroll-behavior-x",
{
"name": "overscroll-behavior-x",
"href": "https://drafts.csswg.org/css-overscroll-1/#propdef-overscroll-behavior-x",
"initial": "auto",
"appliesTo": "scroll container elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "overscroll-behavior",
"media": "visual",
"styleDeclaration": [
"overscroll-behavior-x",
"overscrollBehaviorX"
],
"syntax": "contain | none | auto",
"extended": []
}
],
[
"overscroll-behavior-y",
{
"name": "overscroll-behavior-y",
"href": "https://drafts.csswg.org/css-overscroll-1/#propdef-overscroll-behavior-y",
"initial": "auto",
"appliesTo": "scroll container elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "overscroll-behavior",
"media": "visual",
"styleDeclaration": [
"overscroll-behavior-y",
"overscrollBehaviorY"
],
"syntax": "contain | none | auto",
"extended": []
}
],
[
"padding",
{
"name": "padding",
"href": "https://drafts.csswg.org/css-box-4/#propdef-padding",
"initial": "0",
"appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"padding"
],
"syntax": "<'padding-top'>{1,4}",
"extended": []
}
],
[
"padding-block",
{
"name": "padding-block",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-padding-block",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"padding-block",
"paddingBlock"
],
"syntax": "<'padding-top'>{1,2}",
"extended": []
}
],
[
"padding-block-end",
{
"name": "padding-block-end",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-padding-block-end",
"initial": "0",
"appliesTo": "Same as padding-top",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as corresponding padding-* properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "padding",
"styleDeclaration": [
"padding-block-end",
"paddingBlockEnd"
],
"syntax": "<'padding-top'>",
"extended": []
}
],
[
"padding-block-start",
{
"name": "padding-block-start",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-padding-block-start",
"initial": "0",
"appliesTo": "Same as padding-top",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as corresponding padding-* properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "padding",
"styleDeclaration": [
"padding-block-start",
"paddingBlockStart"
],
"syntax": "<'padding-top'>",
"extended": []
}
],
[
"padding-bottom",
{
"name": "padding-bottom",
"href": "https://drafts.csswg.org/css-box-4/#propdef-padding-bottom",
"initial": "0",
"appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "padding",
"styleDeclaration": [
"padding-bottom",
"paddingBottom"
],
"syntax": "<length-percentage [0,∞]>",
"extended": []
}
],
[
"padding-inline",
{
"name": "padding-inline",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-padding-inline",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"padding-inline",
"paddingInline"
],
"syntax": "<'padding-top'>{1,2}",
"extended": []
}
],
[
"padding-inline-end",
{
"name": "padding-inline-end",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-padding-inline-end",
"initial": "0",
"appliesTo": "Same as padding-top",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as corresponding padding-* properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "padding",
"styleDeclaration": [
"padding-inline-end",
"paddingInlineEnd"
],
"syntax": "<'padding-top'>",
"extended": []
}
],
[
"padding-inline-start",
{
"name": "padding-inline-start",
"href": "https://drafts.csswg.org/css-logical-1/#propdef-padding-inline-start",
"initial": "0",
"appliesTo": "Same as padding-top",
"inherited": "no",
"percentages": "As for the corresponding physical property",
"computedValue": "Same as corresponding padding-* properties",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "padding",
"styleDeclaration": [
"padding-inline-start",
"paddingInlineStart"
],
"syntax": "<'padding-top'>",
"extended": []
}
],
[
"padding-left",
{
"name": "padding-left",
"href": "https://drafts.csswg.org/css-box-4/#propdef-padding-left",
"initial": "0",
"appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "padding",
"styleDeclaration": [
"padding-left",
"paddingLeft"
],
"syntax": "<length-percentage [0,∞]>",
"extended": []
}
],
[
"padding-right",
{
"name": "padding-right",
"href": "https://drafts.csswg.org/css-box-4/#propdef-padding-right",
"initial": "0",
"appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "padding",
"styleDeclaration": [
"padding-right",
"paddingRight"
],
"syntax": "<length-percentage [0,∞]>",
"extended": []
}
],
[
"padding-top",
{
"name": "padding-top",
"href": "https://drafts.csswg.org/css-box-4/#propdef-padding-top",
"initial": "0",
"appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
"inherited": "no",
"percentages": "refer to logical width of containing block",
"computedValue": "a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "padding",
"styleDeclaration": [
"padding-top",
"paddingTop"
],
"syntax": "<length-percentage [0,∞]>",
"extended": []
}
],
[
"page",
{
"name": "page",
"href": "https://drafts.csswg.org/css-page-3/#propdef-page",
"initial": "auto",
"appliesTo": "boxes that create class A break points",
"inherited": "no (but see prose)",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"page"
],
"syntax": "auto | <custom-ident>",
"extended": []
}
],
[
"page-break-after",
{
"name": "page-break-after",
"href": "https://drafts.csswg.org/css2/#propdef-page-break-after",
"initial": "auto",
"appliesTo": "block-level elements (but see text)",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"media": "visual, paged",
"styleDeclaration": [
"page-break-after",
"pageBreakAfter"
],
"syntax": "auto | always | avoid | left | right | inherit",
"extended": []
}
],
[
"page-break-before",
{
"name": "page-break-before",
"href": "https://drafts.csswg.org/css2/#propdef-page-break-before",
"initial": "auto",
"appliesTo": "block-level elements (but see text)",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"media": "visual, paged",
"styleDeclaration": [
"page-break-before",
"pageBreakBefore"
],
"syntax": "auto | always | avoid | left | right | inherit",
"extended": []
}
],
[
"page-break-inside",
{
"name": "page-break-inside",
"href": "https://drafts.csswg.org/css2/#propdef-page-break-inside",
"initial": "auto",
"appliesTo": "block-level elements (but see text)",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"media": "visual, paged",
"styleDeclaration": [
"page-break-inside",
"pageBreakInside"
],
"syntax": "avoid | auto | inherit",
"extended": []
}
],
[
"pause",
{
"name": "pause",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-pause",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"pause"
],
"syntax": "<'pause-before'> <'pause-after'>?",
"extended": []
}
],
[
"pause-after",
{
"name": "pause-after",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-pause-after",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"pause-after",
"pauseAfter"
],
"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
"extended": []
}
],
[
"pause-before",
{
"name": "pause-before",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-pause-before",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"pause-before",
"pauseBefore"
],
"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
"extended": []
}
],
[
"perspective",
{
"name": "perspective",
"href": "https://drafts.csswg.org/css-transforms-2/#propdef-perspective",
"initial": "none",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the keyword none or an absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"perspective"
],
"syntax": "none | <length [0,∞]>",
"extended": []
}
],
[
"perspective-origin",
{
"name": "perspective-origin",
"href": "https://drafts.csswg.org/css-transforms-2/#propdef-perspective-origin",
"initial": "50% 50%",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "refer to the size of the reference box",
"computedValue": "see background-position",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"perspective-origin",
"perspectiveOrigin"
],
"syntax": "<position>",
"extended": []
}
],
[
"place-content",
{
"name": "place-content",
"href": "https://drafts.csswg.org/css-align-3/#propdef-place-content",
"initial": "normal",
"appliesTo": "see individual properties",
"inherited": "no",
"percentages": "n/a",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"place-content",
"placeContent"
],
"syntax": "<'align-content'> <'justify-content'>?",
"extended": []
}
],
[
"place-items",
{
"name": "place-items",
"href": "https://drafts.csswg.org/css-align-3/#propdef-place-items",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"place-items",
"placeItems"
],
"syntax": "<'align-items'> <'justify-items'>?",
"extended": []
}
],
[
"place-self",
{
"name": "place-self",
"href": "https://drafts.csswg.org/css-align-3/#propdef-place-self",
"initial": "auto",
"appliesTo": "see individual properties",
"inherited": "no",
"percentages": "n/a",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"place-self",
"placeSelf"
],
"syntax": "<'align-self'> <'justify-self'>?",
"extended": []
}
],
[
"pointer-events",
{
"name": "pointer-events",
"href": "https://svgwg.org/svg2-draft/interact.html#PointerEventsProperty",
"initial": "auto",
"appliesTo": "container elements, graphics elements and use",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified",
"animationType": "discrete",
"styleDeclaration": [
"pointer-events",
"pointerEvents"
],
"syntax": "auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none",
"extended": []
}
],
[
"position",
{
"name": "position",
"href": "https://drafts.csswg.org/css-position-3/#propdef-position",
"initial": "static",
"appliesTo": "all elements except table-column-group and table-column",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"position"
],
"syntax": "static | relative | absolute | sticky | fixed | <running()>",
"extended": [
"https://drafts.csswg.org/css-gcpm-3/"
]
}
],
[
"position-anchor",
{
"name": "position-anchor",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-anchor",
"initial": "auto",
"appliesTo": "absolutely positioned boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"position-anchor",
"positionAnchor"
],
"syntax": "auto | <anchor-name>",
"extended": []
}
],
[
"position-area",
{
"name": "position-area",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-area",
"initial": "none",
"appliesTo": "positioned boxes with a default anchor box",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or a pair of keywords, see § 3.1.3 Computed Value and Serialization of <position-area>",
"canonicalOrder": "per grammar",
"animationType": "TBD",
"styleDeclaration": [
"position-area",
"positionArea"
],
"syntax": "none | <position-area>",
"extended": []
}
],
[
"position-try",
{
"name": "position-try",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"position-try",
"positionTry"
],
"syntax": "<'position-try-order'>? <'position-try-fallbacks'>",
"extended": []
}
],
[
"position-try-fallbacks",
{
"name": "position-try-fallbacks",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-fallbacks",
"initial": "none",
"appliesTo": "absolutely positioned boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"position-try-fallbacks",
"positionTryFallbacks"
],
"syntax": "none | [ [<dashed-ident> || <try-tactic>] | <position-area> ]#",
"extended": []
}
],
[
"position-try-order",
{
"name": "position-try-order",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-order",
"initial": "normal",
"appliesTo": "absolutely positioned boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"position-try-order",
"positionTryOrder"
],
"syntax": "normal | <try-size>",
"extended": []
}
],
[
"position-visibility",
{
"name": "position-visibility",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-visibility",
"initial": "anchors-visible",
"appliesTo": "absolutely positioned boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"position-visibility",
"positionVisibility"
],
"syntax": "always | [ anchors-valid || anchors-visible || no-overflow ]",
"extended": []
}
],
[
"print-color-adjust",
{
"name": "print-color-adjust",
"href": "https://drafts.csswg.org/css-color-adjust-1/#propdef-print-color-adjust",
"initial": "economy",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"print-color-adjust",
"printColorAdjust"
],
"syntax": "economy | exact",
"extended": []
}
],
[
"quotes",
{
"name": "quotes",
"href": "https://drafts.csswg.org/css-content-3/#propdef-quotes",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the keyword none, the keyword auto or match-parent, or a list, each item a pair of string values",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"quotes"
],
"syntax": "auto | none | match-parent | [ <string> <string> ]+",
"extended": []
}
],
[
"reading-flow",
{
"name": "reading-flow",
"href": "https://drafts.csswg.org/css-display-4/#propdef-reading-flow",
"initial": "normal",
"appliesTo": "block, flex and grid containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"reading-flow",
"readingFlow"
],
"syntax": "normal | source-order | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
"extended": []
}
],
[
"region-fragment",
{
"name": "region-fragment",
"href": "https://drafts.csswg.org/css-regions-1/#propdef-region-fragment",
"initial": "auto",
"appliesTo": "CSS Regions",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"region-fragment",
"regionFragment"
],
"syntax": "auto | break",
"extended": []
}
],
[
"resize",
{
"name": "resize",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-resize",
"initial": "none",
"appliesTo": "elements that are scroll containers and optionally replaced elements such as images, videos, and iframes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"resize"
],
"syntax": "none | both | horizontal | vertical | block | inline",
"extended": []
}
],
[
"rest",
{
"name": "rest",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-rest",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rest"
],
"syntax": "<'rest-before'> <'rest-after'>?",
"extended": []
}
],
[
"rest-after",
{
"name": "rest-after",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-rest-after",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rest-after",
"restAfter"
],
"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
"extended": []
}
],
[
"rest-before",
{
"name": "rest-before",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-rest-before",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rest-before",
"restBefore"
],
"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong",
"extended": []
}
],
[
"right",
{
"name": "right",
"href": "https://drafts.csswg.org/css-position-3/#propdef-right",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "refer to size of containing block; see prose",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "inset",
"styleDeclaration": [
"right"
],
"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"rotate",
{
"name": "rotate",
"href": "https://drafts.csswg.org/css-transforms-2/#propdef-rotate",
"initial": "none",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none, or an <angle> with an axis consisting of a list of three <number>s",
"canonicalOrder": "per grammar",
"animationType": "as SLERP, but see below for none",
"styleDeclaration": [
"rotate"
],
"syntax": "none | <angle> | [ x | y | z | <number>{3} ] && <angle>",
"extended": []
}
],
[
"row-gap",
{
"name": "row-gap",
"href": "https://drafts.csswg.org/css-align-3/#propdef-row-gap",
"initial": "normal",
"appliesTo": "multi-column containers, flex containers, grid containers",
"inherited": "no",
"percentages": "see § 8.3 Percentages In gap Properties",
"computedValue": "specified keyword, else a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"row-gap",
"rowGap"
],
"syntax": "normal | <length-percentage [0,∞]>",
"extended": []
}
],
[
"row-rule",
{
"name": "row-rule",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"row-rule",
"rowRule"
],
"syntax": "<gap-rule-list> | <gap-auto-rule-list>",
"extended": []
}
],
[
"row-rule-break",
{
"name": "row-rule-break",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-break",
"initial": "spanning-item",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"row-rule-break",
"rowRuleBreak"
],
"syntax": "none | spanning-item | intersection",
"extended": []
}
],
[
"row-rule-color",
{
"name": "row-rule-color",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-color",
"initial": "currentcolor",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
"styleDeclaration": [
"row-rule-color",
"rowRuleColor"
],
"syntax": "<line-color-list> | <auto-line-color-list>",
"extended": []
}
],
[
"row-rule-outset",
{
"name": "row-rule-outset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-outset",
"initial": "50%",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"row-rule-outset",
"rowRuleOutset"
],
"syntax": "<length-percentage>",
"extended": []
}
],
[
"row-rule-style",
{
"name": "row-rule-style",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-style",
"initial": "none",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"row-rule-style",
"rowRuleStyle"
],
"syntax": "<line-style-list> | <auto-line-style-list>",
"extended": []
}
],
[
"row-rule-width",
{
"name": "row-rule-width",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-width",
"initial": "medium",
"appliesTo": "grid containers, flex containers, multicol containers, and masonry containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list of absolute lengths, snapped as a border width",
"canonicalOrder": "per grammar",
"animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
"styleDeclaration": [
"row-rule-width",
"rowRuleWidth"
],
"syntax": "<line-width-list> | <auto-line-width-list>",
"extended": []
}
],
[
"ruby-align",
{
"name": "ruby-align",
"href": "https://drafts.csswg.org/css-ruby-1/#propdef-ruby-align",
"initial": "space-around",
"appliesTo": "ruby bases, ruby annotations, ruby base containers, ruby annotation containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"ruby-align",
"rubyAlign"
],
"syntax": "start | center | space-between | space-around",
"extended": []
}
],
[
"ruby-merge",
{
"name": "ruby-merge",
"href": "https://drafts.csswg.org/css-ruby-1/#propdef-ruby-merge",
"initial": "separate",
"appliesTo": "interlinear ruby annotation containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"ruby-merge",
"rubyMerge"
],
"syntax": "separate | merge | auto",
"extended": []
}
],
[
"ruby-overhang",
{
"name": "ruby-overhang",
"href": "https://drafts.csswg.org/css-ruby-1/#propdef-ruby-overhang",
"initial": "auto",
"appliesTo": "ruby annotation containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"ruby-overhang",
"rubyOverhang"
],
"syntax": "auto | none",
"extended": []
}
],
[
"ruby-position",
{
"name": "ruby-position",
"href": "https://drafts.csswg.org/css-ruby-1/#propdef-ruby-position",
"initial": "alternate",
"appliesTo": "ruby annotation containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"ruby-position",
"rubyPosition"
],
"syntax": "[ alternate || [ over | under ] ] | inter-character",
"extended": []
}
],
[
"rule",
{
"name": "rule",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule",
"initial": "see individual properties",
"appliesTo": "Same as column-rule and row-rule",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule"
],
"syntax": "<'column-rule'>",
"extended": []
}
],
[
"rule-break",
{
"name": "rule-break",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-break",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-break and row-rule-break",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-break",
"ruleBreak"
],
"syntax": "<'column-rule-break'>",
"extended": []
}
],
[
"rule-color",
{
"name": "rule-color",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-color",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-color and row-rule-color",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-color",
"ruleColor"
],
"syntax": "<'column-rule-color'>",
"extended": []
}
],
[
"rule-outset",
{
"name": "rule-outset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-outset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-outset and row-rule-outset",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-outset",
"ruleOutset"
],
"syntax": "<'column-rule-outset'>",
"extended": []
}
],
[
"rule-style",
{
"name": "rule-style",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-style",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-style and row-rule-style",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-style",
"ruleStyle"
],
"syntax": "<'column-rule-style'>",
"extended": []
}
],
[
"rule-width",
{
"name": "rule-width",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-width",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-width and row-rule-width",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-width",
"ruleWidth"
],
"syntax": "<'column-rule-width'>",
"extended": []
}
],
[
"scale",
{
"name": "scale",
"href": "https://drafts.csswg.org/css-transforms-2/#propdef-scale",
"initial": "none",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none, or a list of 3 <number>s",
"canonicalOrder": "per grammar",
"animationType": "by computed value, but see below for none",
"styleDeclaration": [
"scale"
],
"syntax": "none | [ <number> | <percentage> ]{1,3}",
"extended": []
}
],
[
"scroll-behavior",
{
"name": "scroll-behavior",
"href": "https://drafts.csswg.org/css-overflow-3/#propdef-scroll-behavior",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"scroll-behavior",
"scrollBehavior"
],
"syntax": "auto | smooth",
"extended": []
}
],
[
"scroll-margin",
{
"name": "scroll-margin",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "per side, an absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"scroll-margin",
"scrollMargin"
],
"syntax": "<length>{1,4}",
"extended": []
}
],
[
"scroll-margin-block",
{
"name": "scroll-margin-block",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-block",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "see individual properties",
"animationType": "by computed value type",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"scroll-margin-block",
"scrollMarginBlock"
],
"syntax": "<length>{1,2}",
"extended": []
}
],
[
"scroll-margin-block-end",
{
"name": "scroll-margin-block-end",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-block-end",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-margin",
"styleDeclaration": [
"scroll-margin-block-end",
"scrollMarginBlockEnd"
],
"syntax": "<length>",
"extended": []
}
],
[
"scroll-margin-block-start",
{
"name": "scroll-margin-block-start",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-block-start",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-margin",
"styleDeclaration": [
"scroll-margin-block-start",
"scrollMarginBlockStart"
],
"syntax": "<length>",
"extended": []
}
],
[
"scroll-margin-bottom",
{
"name": "scroll-margin-bottom",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-bottom",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-margin",
"styleDeclaration": [
"scroll-margin-bottom",
"scrollMarginBottom"
],
"syntax": "<length>",
"extended": []
}
],
[
"scroll-margin-inline",
{
"name": "scroll-margin-inline",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-inline",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "see individual properties",
"animationType": "by computed value type",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"scroll-margin-inline",
"scrollMarginInline"
],
"syntax": "<length>{1,2}",
"extended": []
}
],
[
"scroll-margin-inline-end",
{
"name": "scroll-margin-inline-end",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-inline-end",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-margin",
"styleDeclaration": [
"scroll-margin-inline-end",
"scrollMarginInlineEnd"
],
"syntax": "<length>",
"extended": []
}
],
[
"scroll-margin-inline-start",
{
"name": "scroll-margin-inline-start",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-inline-start",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-margin",
"styleDeclaration": [
"scroll-margin-inline-start",
"scrollMarginInlineStart"
],
"syntax": "<length>",
"extended": []
}
],
[
"scroll-margin-left",
{
"name": "scroll-margin-left",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-left",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-margin",
"styleDeclaration": [
"scroll-margin-left",
"scrollMarginLeft"
],
"syntax": "<length>",
"extended": []
}
],
[
"scroll-margin-right",
{
"name": "scroll-margin-right",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-right",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-margin",
"styleDeclaration": [
"scroll-margin-right",
"scrollMarginRight"
],
"syntax": "<length>",
"extended": []
}
],
[
"scroll-margin-top",
{
"name": "scroll-margin-top",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-margin-top",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-margin",
"styleDeclaration": [
"scroll-margin-top",
"scrollMarginTop"
],
"syntax": "<length>",
"extended": []
}
],
[
"scroll-marker-group",
{
"name": "scroll-marker-group",
"href": "https://drafts.csswg.org/css-overflow-5/#propdef-scroll-marker-group",
"initial": "none",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"scroll-marker-group",
"scrollMarkerGroup"
],
"syntax": "none | before | after",
"extended": []
}
],
[
"scroll-padding",
{
"name": "scroll-padding",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the corresponding dimension of the scroll containers scrollport",
"computedValue": "per side, either the keyword auto or a computed <length-percentage> value",
"animationType": "by computed value type",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"scroll-padding",
"scrollPadding"
],
"syntax": "[ auto | <length-percentage [0,∞]> ]{1,4}",
"extended": []
}
],
[
"scroll-padding-block",
{
"name": "scroll-padding-block",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-block",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "see individual properties",
"animationType": "by computed value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"scroll-padding-block",
"scrollPaddingBlock"
],
"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}",
"extended": []
}
],
[
"scroll-padding-block-end",
{
"name": "scroll-padding-block-end",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-block-end",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-padding",
"styleDeclaration": [
"scroll-padding-block-end",
"scrollPaddingBlockEnd"
],
"syntax": "auto | <length-percentage [0,∞]>",
"extended": []
}
],
[
"scroll-padding-block-start",
{
"name": "scroll-padding-block-start",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-block-start",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-padding",
"styleDeclaration": [
"scroll-padding-block-start",
"scrollPaddingBlockStart"
],
"syntax": "auto | <length-percentage [0,∞]>",
"extended": []
}
],
[
"scroll-padding-bottom",
{
"name": "scroll-padding-bottom",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-bottom",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-padding",
"styleDeclaration": [
"scroll-padding-bottom",
"scrollPaddingBottom"
],
"syntax": "auto | <length-percentage [0,∞]>",
"extended": []
}
],
[
"scroll-padding-inline",
{
"name": "scroll-padding-inline",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-inline",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "see individual properties",
"animationType": "by computed value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"scroll-padding-inline",
"scrollPaddingInline"
],
"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}",
"extended": []
}
],
[
"scroll-padding-inline-end",
{
"name": "scroll-padding-inline-end",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-inline-end",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-padding",
"styleDeclaration": [
"scroll-padding-inline-end",
"scrollPaddingInlineEnd"
],
"syntax": "auto | <length-percentage [0,∞]>",
"extended": []
}
],
[
"scroll-padding-inline-start",
{
"name": "scroll-padding-inline-start",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-inline-start",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-padding",
"styleDeclaration": [
"scroll-padding-inline-start",
"scrollPaddingInlineStart"
],
"syntax": "auto | <length-percentage [0,∞]>",
"extended": []
}
],
[
"scroll-padding-left",
{
"name": "scroll-padding-left",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-left",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-padding",
"styleDeclaration": [
"scroll-padding-left",
"scrollPaddingLeft"
],
"syntax": "auto | <length-percentage [0,∞]>",
"extended": []
}
],
[
"scroll-padding-right",
{
"name": "scroll-padding-right",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-right",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-padding",
"styleDeclaration": [
"scroll-padding-right",
"scrollPaddingRight"
],
"syntax": "auto | <length-percentage [0,∞]>",
"extended": []
}
],
[
"scroll-padding-top",
{
"name": "scroll-padding-top",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-padding-top",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "relative to the scroll containers scrollport",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "scroll-padding",
"styleDeclaration": [
"scroll-padding-top",
"scrollPaddingTop"
],
"syntax": "auto | <length-percentage [0,∞]>",
"extended": []
}
],
[
"scroll-snap-align",
{
"name": "scroll-snap-align",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-snap-align",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "two keywords",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"scroll-snap-align",
"scrollSnapAlign"
],
"syntax": "[ none | start | end | center ]{1,2}",
"extended": []
}
],
[
"scroll-snap-stop",
{
"name": "scroll-snap-stop",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-snap-stop",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"scroll-snap-stop",
"scrollSnapStop"
],
"syntax": "normal | always",
"extended": []
}
],
[
"scroll-snap-type",
{
"name": "scroll-snap-type",
"href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-snap-type",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"scroll-snap-type",
"scrollSnapType"
],
"syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
"extended": []
}
],
[
"scroll-timeline",
{
"name": "scroll-timeline",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-scroll-timeline",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "not animatable",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"scroll-timeline",
"scrollTimeline"
],
"syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#",
"extended": []
}
],
[
"scroll-timeline-axis",
{
"name": "scroll-timeline-axis",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-scroll-timeline-axis",
"initial": "block",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "a list of the keywords specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"scroll-timeline-axis",
"scrollTimelineAxis"
],
"syntax": "[ block | inline | x | y ]#",
"extended": []
}
],
[
"scroll-timeline-name",
{
"name": "scroll-timeline-name",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-scroll-timeline-name",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or a list of CSS identifiers",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"scroll-timeline-name",
"scrollTimelineName"
],
"syntax": "[ none | <dashed-ident> ]#",
"extended": []
}
],
[
"scrollbar-color",
{
"name": "scrollbar-color",
"href": "https://drafts.csswg.org/css-scrollbars-1/#propdef-scrollbar-color",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword or two computed colors",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"scrollbar-color",
"scrollbarColor"
],
"syntax": "auto | <color>{2}",
"extended": []
}
],
[
"scrollbar-gutter",
{
"name": "scrollbar-gutter",
"href": "https://drafts.csswg.org/css-overflow-3/#propdef-scrollbar-gutter",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"scrollbar-gutter",
"scrollbarGutter"
],
"syntax": "auto | stable && both-edges?",
"extended": []
}
],
[
"scrollbar-width",
{
"name": "scrollbar-width",
"href": "https://drafts.csswg.org/css-scrollbars-1/#propdef-scrollbar-width",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"scrollbar-width",
"scrollbarWidth"
],
"syntax": "auto | thin | none",
"extended": []
}
],
[
"shape-image-threshold",
{
"name": "shape-image-threshold",
"href": "https://drafts.csswg.org/css-shapes-1/#propdef-shape-image-threshold",
"initial": "0",
"appliesTo": "floats",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified number, clamped to the range [0,1]",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"shape-image-threshold",
"shapeImageThreshold"
],
"syntax": "<opacity-value>",
"extended": []
}
],
[
"shape-inside",
{
"name": "shape-inside",
"href": "https://drafts.csswg.org/css-shapes-2/#propdef-shape-inside",
"initial": "auto",
"appliesTo": "block-level elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "computed lengths for <basic-shape>, the absolute URL for <url>, otherwise as specified",
"canonicalOrder": "per grammar",
"animationType": "as defined for <basic-shape>, otherwise discrete",
"styleDeclaration": [
"shape-inside",
"shapeInside"
],
"syntax": "auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display",
"extended": []
}
],
[
"shape-margin",
{
"name": "shape-margin",
"href": "https://drafts.csswg.org/css-shapes-1/#propdef-shape-margin",
"initial": "0",
"appliesTo": "floats and initial letter boxes",
"inherited": "no",
"percentages": "refer to the inline size of the containing block",
"computedValue": "computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"shape-margin",
"shapeMargin"
],
"syntax": "<length-percentage [0,∞]>",
"extended": []
}
],
[
"shape-outside",
{
"name": "shape-outside",
"href": "https://drafts.csswg.org/css-shapes-1/#propdef-shape-outside",
"initial": "none",
"appliesTo": "floats and initial letter boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as defined for <basic-shape> (with <shape-box> following, if supplied); else the computed <image>; else the keyword as specified",
"canonicalOrder": "per grammar",
"animationType": "as defined for <basic-shape>, otherwise discrete",
"styleDeclaration": [
"shape-outside",
"shapeOutside"
],
"syntax": "none | [ <basic-shape> || <shape-box> ] | <image>",
"extended": []
}
],
[
"shape-rendering",
{
"name": "shape-rendering",
"href": "https://svgwg.org/svg2-draft/painting.html#ShapeRenderingProperty",
"initial": "auto",
"appliesTo": "shapes",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified",
"animationType": "discrete",
"styleDeclaration": [
"shape-rendering",
"shapeRendering"
],
"syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision",
"extended": []
}
],
[
"slider-orientation",
{
"name": "slider-orientation",
"href": "https://drafts.csswg.org/css-forms-1/#propdef-slider-orientation",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"slider-orientation",
"sliderOrientation"
],
"syntax": "auto | left-to-right | right-to-left | top-to-bottom | bottom-to-top",
"extended": []
}
],
[
"spatial-navigation-action",
{
"name": "spatial-navigation-action",
"href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-action",
"initial": "auto",
"appliesTo": "scroll containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"spatial-navigation-action",
"spatialNavigationAction"
],
"syntax": "auto | focus | scroll",
"extended": []
}
],
[
"spatial-navigation-contain",
{
"name": "spatial-navigation-contain",
"href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-contain",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"spatial-navigation-contain",
"spatialNavigationContain"
],
"syntax": "auto | contain",
"extended": []
}
],
[
"spatial-navigation-function",
{
"name": "spatial-navigation-function",
"href": "https://drafts.csswg.org/css-nav-1/#propdef-spatial-navigation-function",
"initial": "normal",
"appliesTo": "spatial navigation containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"spatial-navigation-function",
"spatialNavigationFunction"
],
"syntax": "normal | grid",
"extended": []
}
],
[
"speak",
{
"name": "speak",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-speak",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"speak"
],
"syntax": "auto | never | always",
"extended": []
}
],
[
"speak-as",
{
"name": "speak-as",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-speak-as",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"speak-as",
"speakAs"
],
"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]",
"extended": []
}
],
[
"stop-color",
{
"name": "stop-color",
"href": "https://svgwg.org/svg2-draft/pservers.html#StopColorProperty",
"styleDeclaration": [
"stop-color",
"stopColor"
],
"extended": []
}
],
[
"stop-opacity",
{
"name": "stop-opacity",
"href": "https://svgwg.org/svg2-draft/pservers.html#StopOpacityProperty",
"styleDeclaration": [
"stop-opacity",
"stopOpacity"
],
"extended": []
}
],
[
"string-set",
{
"name": "string-set",
"href": "https://drafts.csswg.org/css-content-3/#propdef-string-set",
"initial": "none",
"appliesTo": "all elements, but not pseudo-elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the keyword none or a list, each item an identifier paired with a list of string values",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"string-set",
"stringSet"
],
"syntax": "none | [ <custom-ident> <string>+ ]#",
"extended": []
}
],
[
"stroke",
{
"name": "stroke",
"href": "https://svgwg.org/svg2-draft/painting.html#StrokeProperty",
"initial": "none",
"appliesTo": "shapes and text content elements",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified, but with <color> values computed and <url> values made absolute",
"animationType": "by computed value",
"styleDeclaration": [
"stroke"
],
"syntax": "<paint>",
"extended": []
}
],
[
"stroke-align",
{
"name": "stroke-align",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-align",
"initial": "center",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"stroke-align",
"strokeAlign"
],
"syntax": "center | inset | outset",
"extended": []
}
],
[
"stroke-alignment",
{
"name": "stroke-alignment",
"href": "https://svgwg.org/specs/strokes/#StrokeAlignmentProperty",
"initial": "center",
"appliesTo": "shapes and text content elements",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computed value": "as specified",
"animatable": "yes",
"styleDeclaration": [
"stroke-alignment",
"strokeAlignment"
],
"syntax": "center | inner | outer",
"extended": []
}
],
[
"stroke-break",
{
"name": "stroke-break",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-break",
"initial": "bounding-box",
"appliesTo": "all elements",
"inherited": "?",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"stroke-break",
"strokeBreak"
],
"syntax": "bounding-box | slice | clone",
"extended": []
}
],
[
"stroke-color",
{
"name": "stroke-color",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-color",
"initial": "transparent",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the computed color",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"stroke-color",
"strokeColor"
],
"syntax": "<color>#",
"extended": []
}
],
[
"stroke-dash-corner",
{
"name": "stroke-dash-corner",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-dash-corner",
"initial": "none",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified value, with lengths made absolute",
"canonicalOrder": "per grammar",
"animationType": "by computed value if <length>, otherwise discrete",
"media": "visual",
"styleDeclaration": [
"stroke-dash-corner",
"strokeDashCorner"
],
"syntax": "none | <length>",
"extended": []
}
],
[
"stroke-dash-justify",
{
"name": "stroke-dash-justify",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-dash-justify",
"initial": "none",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified value, with lengths made absolute",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"stroke-dash-justify",
"strokeDashJustify"
],
"syntax": "none | [ stretch | compress ] || [ dashes || gaps ]",
"extended": []
}
],
[
"stroke-dashadjust",
{
"name": "stroke-dashadjust",
"href": "https://svgwg.org/specs/strokes/#StrokeDashadjustProperty",
"initial": "none",
"appliesTo": "shapes and text content elements",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computed value": "as specified",
"animatable": "yes",
"styleDeclaration": [
"stroke-dashadjust",
"strokeDashadjust"
],
"syntax": "none | [stretch | compress] [dashes | gaps]?",
"extended": []
}
],
[
"stroke-dasharray",
{
"name": "stroke-dasharray",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-dasharray",
"initial": "none",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "relative to the scaled viewport size",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"stroke-dasharray",
"strokeDasharray"
],
"syntax": "none | [<length-percentage> | <number>]+#",
"extended": []
}
],
[
"stroke-dashcorner",
{
"name": "stroke-dashcorner",
"href": "https://svgwg.org/specs/strokes/#StrokeDashcornerProperty",
"initial": "none",
"appliesTo": "shapes and text content elements",
"inherited": "yes",
"percentages": "refer to the size of the current viewport (see Units)",
"media": "visual",
"computed value": "absolute length or keyword specified",
"animatable": "yes",
"styleDeclaration": [
"stroke-dashcorner",
"strokeDashcorner"
],
"syntax": "none | <length>",
"extended": []
}
],
[
"stroke-dashoffset",
{
"name": "stroke-dashoffset",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-dashoffset",
"initial": "0",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "relative to the scaled viewport size",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"stroke-dashoffset",
"strokeDashoffset"
],
"syntax": "<length-percentage> | <number>",
"extended": []
}
],
[
"stroke-image",
{
"name": "stroke-image",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-image",
"initial": "none",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified, with any <image> computed",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"stroke-image",
"strokeImage"
],
"syntax": "<paint>#",
"extended": []
}
],
[
"stroke-linecap",
{
"name": "stroke-linecap",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-linecap",
"initial": "butt",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"stroke-linecap",
"strokeLinecap"
],
"syntax": "butt | round | square",
"extended": []
}
],
[
"stroke-linejoin",
{
"name": "stroke-linejoin",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-linejoin",
"initial": "miter",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"stroke-linejoin",
"strokeLinejoin"
],
"syntax": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
"extended": []
}
],
[
"stroke-miterlimit",
{
"name": "stroke-miterlimit",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-miterlimit",
"initial": "4",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "a number",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"stroke-miterlimit",
"strokeMiterlimit"
],
"syntax": "<number>",
"extended": []
}
],
[
"stroke-opacity",
{
"name": "stroke-opacity",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-opacity",
"initial": "1",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the specified value converted to a <number>, clamped to the range [0,1]",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"stroke-opacity",
"strokeOpacity"
],
"syntax": "<'opacity'>",
"extended": []
}
],
[
"stroke-origin",
{
"name": "stroke-origin",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-origin",
"initial": "match-parent",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"stroke-origin",
"strokeOrigin"
],
"syntax": "match-parent | fill-box | stroke-box | content-box | padding-box | border-box",
"extended": []
}
],
[
"stroke-position",
{
"name": "stroke-position",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-position",
"initial": "0% 0%",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "A list, each item consisting of: a pair of offsets (horizontal and vertical) from the top left origin each given as a combination of an absolute length and a percentage",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"stroke-position",
"strokePosition"
],
"syntax": "<position>#",
"extended": []
}
],
[
"stroke-repeat",
{
"name": "stroke-repeat",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-repeat",
"initial": "repeat",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "A list, each item consisting of: two keywords, one per dimension",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"stroke-repeat",
"strokeRepeat"
],
"syntax": "<repeat-style>#",
"extended": []
}
],
[
"stroke-size",
{
"name": "stroke-size",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-size",
"initial": "auto",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified, but with lengths made absolute and omitted auto keywords filled in",
"canonicalOrder": "per grammar",
"animationType": "repeatable list",
"media": "visual",
"styleDeclaration": [
"stroke-size",
"strokeSize"
],
"syntax": "<bg-size>#",
"extended": []
}
],
[
"stroke-width",
{
"name": "stroke-width",
"href": "https://drafts.fxtf.org/fill-stroke-3/#propdef-stroke-width",
"initial": "1px",
"appliesTo": "text and SVG shapes",
"inherited": "yes",
"percentages": "relative to the scaled viewport size",
"computedValue": "the absolute length, or percentage",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"media": "visual",
"styleDeclaration": [
"stroke-width",
"strokeWidth"
],
"syntax": "[<length-percentage> | <number>]#",
"extended": []
}
],
[
"tab-size",
{
"name": "tab-size",
"href": "https://drafts.csswg.org/css-text-4/#propdef-tab-size",
"initial": "8",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the specified number or absolute length",
"canonicalOrder": "n/a",
"animationType": "by computed value type",
"styleDeclaration": [
"tab-size",
"tabSize"
],
"syntax": "<number [0,∞]> | <length [0,∞]>",
"extended": []
}
],
[
"table-layout",
{
"name": "table-layout",
"href": "https://drafts.csswg.org/css-tables-3/#propdef-table-layout",
"initial": "auto",
"appliesTo": "table grid boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"table-layout",
"tableLayout"
],
"syntax": "auto | fixed",
"extended": []
}
],
[
"text-align",
{
"name": "text-align",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-align",
"initial": "start",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "discrete",
"canonicalOrder": "n/a",
"styleDeclaration": [
"text-align",
"textAlign"
],
"syntax": "start | end | left | right | center | <string> | justify | match-parent | justify-all",
"extended": []
}
],
[
"text-align-all",
{
"name": "text-align-all",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-align-all",
"initial": "start",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "keyword as specified, except for match-parent which computes as defined above",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"text-align-all",
"textAlignAll"
],
"syntax": "start | end | left | right | center | <string> | justify | match-parent",
"extended": []
}
],
[
"text-align-last",
{
"name": "text-align-last",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-align-last",
"initial": "auto",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "keyword as specified, except for match-parent which computes as defined above",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"text-align-last",
"textAlignLast"
],
"syntax": "auto | start | end | left | right | center | justify | match-parent",
"extended": []
}
],
[
"text-anchor",
{
"name": "text-anchor",
"href": "https://svgwg.org/svg2-draft/text.html#TextAnchorProperty",
"initial": "start",
"appliesTo": "text content elements",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified",
"animationType": "discrete",
"styleDeclaration": [
"text-anchor",
"textAnchor"
],
"syntax": "start | middle | end",
"extended": []
}
],
[
"text-autospace",
{
"name": "text-autospace",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-autospace",
"initial": "normal",
"appliesTo": "text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-autospace",
"textAutospace"
],
"syntax": "normal | <autospace> | auto",
"extended": []
}
],
[
"text-box",
{
"name": "text-box",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box",
"initial": "normal",
"appliesTo": "block containers, multi-column containers, and inline boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-box",
"textBox"
],
"syntax": "normal | <'text-box-trim'> || <'text-box-edge'>",
"extended": []
}
],
[
"text-box-edge",
{
"name": "text-box-edge",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box-edge",
"initial": "auto",
"appliesTo": "block containers and inline boxes",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-box-edge",
"textBoxEdge"
],
"syntax": "auto | <text-edge>",
"extended": []
}
],
[
"text-box-trim",
{
"name": "text-box-trim",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-text-box-trim",
"initial": "none",
"appliesTo": "block containers, multi-column containers, and inline boxes",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-box-trim",
"textBoxTrim"
],
"syntax": "none | trim-start | trim-end | trim-both",
"extended": []
}
],
[
"text-combine-upright",
{
"name": "text-combine-upright",
"href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-text-combine-upright",
"initial": "none",
"appliesTo": "inline boxes and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword, plus integer if digits",
"canonicalOrder": "n/a",
"animationType": "not animatable",
"styleDeclaration": [
"text-combine-upright",
"textCombineUpright"
],
"syntax": "none | all | [ digits <integer [2,4]>? ]",
"extended": []
}
],
[
"text-decoration",
{
"name": "text-decoration",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"text-decoration",
"textDecoration"
],
"syntax": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>",
"extended": []
}
],
[
"text-decoration-color",
{
"name": "text-decoration-color",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-color",
"initial": "currentcolor",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "computed color",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"text-decoration-color",
"textDecorationColor"
],
"syntax": "<color>",
"extended": []
}
],
[
"text-decoration-line",
{
"name": "text-decoration-line",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-line",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no (but see prose, above)",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-decoration-line",
"textDecorationLine"
],
"syntax": "none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error",
"extended": []
}
],
[
"text-decoration-skip",
{
"name": "text-decoration-skip",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-skip",
"initial": "See individual properties",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "See individual properties",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-decoration-skip",
"textDecorationSkip"
],
"syntax": "none | auto",
"extended": []
}
],
[
"text-decoration-skip-box",
{
"name": "text-decoration-skip-box",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-skip-box",
"initial": "none",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-decoration-skip-box",
"textDecorationSkipBox"
],
"syntax": "none | all",
"extended": []
}
],
[
"text-decoration-skip-ink",
{
"name": "text-decoration-skip-ink",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-skip-ink",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-decoration-skip-ink",
"textDecorationSkipInk"
],
"syntax": "auto | none | all",
"extended": []
}
],
[
"text-decoration-skip-self",
{
"name": "text-decoration-skip-self",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-skip-self",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword(s) except for skip-all, see below",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-decoration-skip-self",
"textDecorationSkipSelf"
],
"syntax": "auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip",
"extended": []
}
],
[
"text-decoration-skip-spaces",
{
"name": "text-decoration-skip-spaces",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-skip-spaces",
"initial": "start end",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-decoration-skip-spaces",
"textDecorationSkipSpaces"
],
"syntax": "none | all | [ start || end ]",
"extended": []
}
],
[
"text-decoration-style",
{
"name": "text-decoration-style",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-style",
"initial": "solid",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-decoration-style",
"textDecorationStyle"
],
"syntax": "solid | double | dotted | dashed | wavy",
"extended": []
}
],
[
"text-decoration-thickness",
{
"name": "text-decoration-thickness",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-thickness",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified, with <length-percentage> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"text-decoration-thickness",
"textDecorationThickness"
],
"syntax": "auto | from-font | <length-percentage>",
"extended": []
}
],
[
"text-emphasis",
{
"name": "text-emphasis",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-emphasis",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"text-emphasis",
"textEmphasis"
],
"syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>",
"extended": []
}
],
[
"text-emphasis-color",
{
"name": "text-emphasis-color",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-emphasis-color",
"initial": "currentcolor",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "computed color",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"text-emphasis-color",
"textEmphasisColor"
],
"syntax": "<color>",
"extended": []
}
],
[
"text-emphasis-position",
{
"name": "text-emphasis-position",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-emphasis-position",
"initial": "over right",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-emphasis-position",
"textEmphasisPosition"
],
"syntax": "[ over | under ] && [ right | left ]?",
"extended": []
}
],
[
"text-emphasis-skip",
{
"name": "text-emphasis-skip",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-emphasis-skip",
"initial": "spaces punctuation",
"appliesTo": "text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-emphasis-skip",
"textEmphasisSkip"
],
"syntax": "spaces || punctuation || symbols || narrow",
"extended": []
}
],
[
"text-emphasis-style",
{
"name": "text-emphasis-style",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-emphasis-style",
"initial": "none",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the keyword none, a pair of keywords representing the shape and fill, or a string",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-emphasis-style",
"textEmphasisStyle"
],
"syntax": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>",
"extended": []
}
],
[
"text-group-align",
{
"name": "text-group-align",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-group-align",
"initial": "none",
"appliesTo": "block containers",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-group-align",
"textGroupAlign"
],
"syntax": "none | start | end | left | right | center",
"extended": []
}
],
[
"text-indent",
{
"name": "text-indent",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-indent",
"initial": "0",
"appliesTo": "block containers",
"inherited": "yes",
"percentages": "refers to block containers own inline-axis inner size",
"computedValue": "computed <length-percentage> value, plus any specified keywords",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"text-indent",
"textIndent"
],
"syntax": "[ <length-percentage> ] && hanging? && each-line?",
"extended": []
}
],
[
"text-justify",
{
"name": "text-justify",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-justify",
"initial": "auto",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword (except for the distribute legacy value)",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"text-justify",
"textJustify"
],
"syntax": "[ auto | none | inter-word | inter-character | ruby ] || no-compress",
"extended": []
}
],
[
"text-orientation",
{
"name": "text-orientation",
"href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation",
"initial": "mixed",
"appliesTo": "all elements except table row groups, rows, column groups, and columns; and text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "n/a",
"animationType": "not animatable",
"styleDeclaration": [
"text-orientation",
"textOrientation"
],
"syntax": "mixed | upright | sideways",
"extended": []
}
],
[
"text-overflow",
{
"name": "text-overflow",
"href": "https://drafts.csswg.org/css-overflow-4/#propdef-text-overflow",
"initial": "clip",
"appliesTo": "block containers",
"inherited": "no",
"percentages": "refer to the width of the line box",
"computedValue": "as specified, with lengths made absolute",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"text-overflow",
"textOverflow"
],
"syntax": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
"extended": []
}
],
[
"text-rendering",
{
"name": "text-rendering",
"href": "https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty",
"initial": "auto",
"appliesTo": "text",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified",
"animationType": "discrete",
"styleDeclaration": [
"text-rendering",
"textRendering"
],
"syntax": "auto | optimizeSpeed | optimizeLegibility | geometricPrecision",
"extended": []
}
],
[
"text-shadow",
{
"name": "text-shadow",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-shadow",
"initial": "none",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "either the keyword none or a list, each item consisting of four absolute lengths plus a computed color and optionally also an inset keyword",
"canonicalOrder": "per grammar",
"animationType": "as shadow list",
"styleDeclaration": [
"text-shadow",
"textShadow"
],
"syntax": "none | <shadow>#",
"extended": []
}
],
[
"text-spacing",
{
"name": "text-spacing",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-spacing",
"initial": "see individual properties",
"appliesTo": "text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword(s)",
"animationType": "discrete",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"text-spacing",
"textSpacing"
],
"syntax": "none | auto | <spacing-trim> || <autospace>",
"extended": []
}
],
[
"text-spacing-trim",
{
"name": "text-spacing-trim",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-spacing-trim",
"initial": "normal",
"appliesTo": "text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-spacing-trim",
"textSpacingTrim"
],
"syntax": "<spacing-trim> | auto",
"extended": []
}
],
[
"text-transform",
{
"name": "text-transform",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-transform",
"initial": "none",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"text-transform",
"textTransform"
],
"syntax": "none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto",
"extended": []
}
],
[
"text-underline-offset",
{
"name": "text-underline-offset",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-underline-offset",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified, with <length-percentage> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"text-underline-offset",
"textUnderlineOffset"
],
"syntax": "auto | <length-percentage>",
"extended": []
}
],
[
"text-underline-position",
{
"name": "text-underline-position",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-underline-position",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-underline-position",
"textUnderlinePosition"
],
"syntax": "auto | [ from-font | under ] || [ left | right ]",
"extended": []
}
],
[
"text-wrap",
{
"name": "text-wrap",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-wrap",
"initial": "wrap",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"text-wrap",
"textWrap"
],
"syntax": "<'text-wrap-mode'> || <'text-wrap-style'>",
"extended": []
}
],
[
"text-wrap-mode",
{
"name": "text-wrap-mode",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-wrap-mode",
"initial": "wrap",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-wrap-mode",
"textWrapMode"
],
"syntax": "wrap | nowrap",
"extended": []
}
],
[
"text-wrap-style",
{
"name": "text-wrap-style",
"href": "https://drafts.csswg.org/css-text-4/#propdef-text-wrap-style",
"initial": "auto",
"appliesTo": "block containers hat establish an inline formatting context",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"text-wrap-style",
"textWrapStyle"
],
"syntax": "auto | balance | stable | pretty | avoid-orphans",
"extended": []
}
],
[
"timeline-scope",
{
"name": "timeline-scope",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-timeline-scope",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or a list of CSS identifiers",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"timeline-scope",
"timelineScope"
],
"syntax": "none | all | <dashed-ident>#",
"extended": []
}
],
[
"top",
{
"name": "top",
"href": "https://drafts.csswg.org/css-position-3/#propdef-top",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "refer to size of containing block; see prose",
"computedValue": "the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"logicalPropertyGroup": "inset",
"styleDeclaration": [
"top"
],
"syntax": "auto | <length-percentage> | <anchor()> | <anchor-size()>",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/"
]
}
],
[
"transform",
{
"name": "transform",
"href": "https://drafts.csswg.org/css-transforms-1/#propdef-transform",
"initial": "none",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "refer to the size of reference box",
"computedValue": "as specified, but with lengths made absolute",
"canonicalOrder": "per grammar",
"animationType": "transform list, see interpolation rules",
"styleDeclaration": [
"transform"
],
"syntax": "none | <transform-list>",
"extended": []
}
],
[
"transform-box",
{
"name": "transform-box",
"href": "https://drafts.csswg.org/css-transforms-1/#propdef-transform-box",
"initial": "view-box",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"transform-box",
"transformBox"
],
"syntax": "content-box | border-box | fill-box | stroke-box | view-box",
"extended": []
}
],
[
"transform-origin",
{
"name": "transform-origin",
"href": "https://drafts.csswg.org/css-transforms-1/#propdef-transform-origin",
"initial": "50% 50%",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "refer to the size of reference box",
"computedValue": "see background-position",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"transform-origin",
"transformOrigin"
],
"syntax": "[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [ [ center | left | right ] && [ center | top | bottom ] ] <length>?",
"extended": []
}
],
[
"transform-style",
{
"name": "transform-style",
"href": "https://drafts.csswg.org/css-transforms-2/#propdef-transform-style",
"initial": "flat",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"usedValue": "flat if a grouping property is present, specified keyword otherwise",
"styleDeclaration": [
"transform-style",
"transformStyle"
],
"syntax": "flat | preserve-3d",
"extended": []
}
],
[
"transition",
{
"name": "transition",
"href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "not animatable",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"transition"
],
"syntax": "<single-transition>#",
"extended": []
}
],
[
"transition-behavior",
{
"name": "transition-behavior",
"href": "https://drafts.csswg.org/css-transitions-2/#propdef-transition-behavior",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"transition-behavior",
"transitionBehavior"
],
"syntax": "<transition-behavior-value>#",
"extended": []
}
],
[
"transition-delay",
{
"name": "transition-delay",
"href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition-delay",
"initial": "0s",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a duration",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"transition-delay",
"transitionDelay"
],
"syntax": "<time>#",
"extended": []
}
],
[
"transition-duration",
{
"name": "transition-duration",
"href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition-duration",
"initial": "0s",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "list, each item a duration",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"transition-duration",
"transitionDuration"
],
"syntax": "<time [0s,∞]>#",
"extended": []
}
],
[
"transition-property",
{
"name": "transition-property",
"href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition-property",
"initial": "all",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "the keyword none else a list of identifiers",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"transition-property",
"transitionProperty"
],
"syntax": "none | <single-transition-property>#",
"extended": []
}
],
[
"transition-timing-function",
{
"name": "transition-timing-function",
"href": "https://drafts.csswg.org/css-transitions-1/#propdef-transition-timing-function",
"initial": "ease",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"transition-timing-function",
"transitionTimingFunction"
],
"syntax": "<easing-function>#",
"extended": []
}
],
[
"translate",
{
"name": "translate",
"href": "https://drafts.csswg.org/css-transforms-2/#propdef-translate",
"initial": "none",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "relative to the width of the reference box (for the first value) or the height (for the second value)",
"computedValue": "the keyword none or a pair of computed <length-percentage> values and an absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value, but see below for none",
"styleDeclaration": [
"translate"
],
"syntax": "none | <length-percentage> [ <length-percentage> <length>? ]?",
"extended": []
}
],
[
"unicode-bidi",
{
"name": "unicode-bidi",
"href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-unicode-bidi",
"initial": "normal",
"appliesTo": "all elements, but see prose",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"unicode-bidi",
"unicodeBidi"
],
"syntax": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
"extended": []
}
],
[
"user-select",
{
"name": "user-select",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-user-select",
"initial": "auto",
"appliesTo": "all elements, and optionally to the ::before and ::after pseudo-elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"user-select",
"userSelect"
],
"syntax": "auto | text | none | contain | all",
"extended": []
}
],
[
"vector-effect",
{
"name": "vector-effect",
"href": "https://svgwg.org/svg2-draft/coords.html#VectorEffectProperty",
"initial": "none",
"appliesTo": "graphics elements and use",
"inherited": "no",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified",
"animationType": "discrete",
"styleDeclaration": [
"vector-effect",
"vectorEffect"
],
"syntax": "none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position",
"extended": []
}
],
[
"vertical-align",
{
"name": "vertical-align",
"href": "https://drafts.csswg.org/css-inline-3/#propdef-vertical-align",
"initial": "baseline",
"appliesTo": "see individual properties",
"inherited": "no",
"percentages": "N/A",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"vertical-align",
"verticalAlign"
],
"syntax": "[ first | last] || <'alignment-baseline'> || <'baseline-shift'>",
"extended": []
}
],
[
"view-timeline",
{
"name": "view-timeline",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-view-timeline",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"view-timeline",
"viewTimeline"
],
"syntax": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
"extended": []
}
],
[
"view-timeline-axis",
{
"name": "view-timeline-axis",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-view-timeline-axis",
"initial": "block",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "a list of the keywords specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"view-timeline-axis",
"viewTimelineAxis"
],
"syntax": "[ block | inline | x | y ]#",
"extended": []
}
],
[
"view-timeline-inset",
{
"name": "view-timeline-inset",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-view-timeline-inset",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "relative to the corresponding dimension of the relevant scrollport",
"computedValue": "a list consisting of two-value pairs representing the start and end insets each as either the keyword auto or a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"view-timeline-inset",
"viewTimelineInset"
],
"syntax": "[ [ auto | <length-percentage> ]{1,2} ]#",
"extended": []
}
],
[
"view-timeline-name",
{
"name": "view-timeline-name",
"href": "https://drafts.csswg.org/scroll-animations-1/#propdef-view-timeline-name",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "the keyword none or a list of CSS identifiers",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"view-timeline-name",
"viewTimelineName"
],
"syntax": "[ none | <dashed-ident> ]#",
"extended": []
}
],
[
"view-transition-class",
{
"name": "view-transition-class",
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-class",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"view-transition-class",
"viewTransitionClass"
],
"syntax": "none | <custom-ident>+",
"extended": []
}
],
[
"view-transition-group",
{
"name": "view-transition-group",
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-group",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"view-transition-group",
"viewTransitionGroup"
],
"syntax": "normal | contain | nearest | <custom-ident>",
"extended": []
}
],
[
"view-transition-name",
{
"name": "view-transition-name",
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-name",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"view-transition-name",
"viewTransitionName"
],
"syntax": "none | <custom-ident>",
"extended": []
}
],
[
"visibility",
{
"name": "visibility",
"href": "https://drafts.csswg.org/css-display-4/#propdef-visibility",
"initial": "visible",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"visibility"
],
"syntax": "visible | hidden | force-hidden | collapse",
"extended": []
}
],
[
"voice-balance",
{
"name": "voice-balance",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-voice-balance",
"initial": "center",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "the specified value resolved to a <number> between -100 and 100 (inclusive)",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"voice-balance",
"voiceBalance"
],
"syntax": "<number> | left | center | right | leftwards | rightwards",
"extended": []
}
],
[
"voice-duration",
{
"name": "voice-duration",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-voice-duration",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"voice-duration",
"voiceDuration"
],
"syntax": "auto | <time [0s,∞]>",
"extended": []
}
],
[
"voice-family",
{
"name": "voice-family",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-voice-family",
"initial": "implementation-dependent",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"voice-family",
"voiceFamily"
],
"syntax": "[[<family-name> | <generic-voice>],]* [<family-name> | <generic-voice>] | preserve",
"extended": []
}
],
[
"voice-pitch",
{
"name": "voice-pitch",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-voice-pitch",
"initial": "medium",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "refer to inherited value",
"computedValue": "one of the predefined pitch keywords if only the keyword is specified by itself, otherwise an absolute frequency calculated by converting the keyword value (if any) to a fixed frequency based on the current voice-family and by applying the specified relative offset (if any)",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"voice-pitch",
"voicePitch"
],
"syntax": "<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
"extended": []
}
],
[
"voice-range",
{
"name": "voice-range",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-voice-range",
"initial": "medium",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "refer to inherited value",
"computedValue": "one of the predefined pitch keywords if only the keyword is specified by itself, otherwise an absolute frequency calculated by converting the keyword value (if any) to a fixed frequency based on the current voice-family and by applying the specified relative offset (if any)",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"voice-range",
"voiceRange"
],
"syntax": "<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]",
"extended": []
}
],
[
"voice-rate",
{
"name": "voice-rate",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-voice-rate",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "refer to default value",
"computedValue": "a keyword value, and optionally also a percentage relative to the keyword (if not 100%)",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"voice-rate",
"voiceRate"
],
"syntax": "[normal | x-slow | slow | medium | fast | x-fast] || <percentage [0,∞]>",
"extended": []
}
],
[
"voice-stress",
{
"name": "voice-stress",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-voice-stress",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"voice-stress",
"voiceStress"
],
"syntax": "normal | strong | moderate | none | reduced",
"extended": []
}
],
[
"voice-volume",
{
"name": "voice-volume",
"href": "https://drafts.csswg.org/css-speech-1/#propdef-voice-volume",
"initial": "medium",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "silent, or a keyword value and optionally also a decibel offset (if not zero)",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"voice-volume",
"voiceVolume"
],
"syntax": "silent | [[x-soft | soft | medium | loud | x-loud] || <decibel>]",
"extended": []
}
],
[
"white-space",
{
"name": "white-space",
"href": "https://drafts.csswg.org/css-text-4/#propdef-white-space",
"initial": "normal",
"appliesTo": "text",
"inherited": "see individual properties",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"white-space",
"whiteSpace"
],
"syntax": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
"extended": []
}
],
[
"white-space-collapse",
{
"name": "white-space-collapse",
"href": "https://drafts.csswg.org/css-text-4/#propdef-white-space-collapse",
"initial": "collapse",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"white-space-collapse",
"whiteSpaceCollapse"
],
"syntax": "collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces",
"extended": []
}
],
[
"white-space-trim",
{
"name": "white-space-trim",
"href": "https://drafts.csswg.org/css-text-4/#propdef-white-space-trim",
"initial": "none",
"appliesTo": "inline boxes and block containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"white-space-trim",
"whiteSpaceTrim"
],
"syntax": "none | discard-before || discard-after || discard-inner",
"extended": []
}
],
[
"widows",
{
"name": "widows",
"href": "https://drafts.csswg.org/css-break-4/#propdef-widows",
"initial": "2",
"appliesTo": "block containers that establish an inline formatting context",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"widows"
],
"syntax": "<integer [1,∞]>",
"extended": []
}
],
[
"width",
{
"name": "width",
"href": "https://drafts.csswg.org/css-sizing-3/#propdef-width",
"initial": "auto",
"appliesTo": "all elements except non-replaced inlines",
"inherited": "no",
"percentages": "relative to width/height of containing block",
"computedValue": "as specified, with <length-percentage> values computed",
"canonicalOrder": "per grammar",
"animationType": "by computed value type, recursing into fit-content()",
"logicalPropertyGroup": "size",
"styleDeclaration": [
"width"
],
"syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
"extended": [
"https://drafts.csswg.org/css-anchor-position-1/",
"https://drafts.csswg.org/css-sizing-4/"
]
}
],
[
"will-change",
{
"name": "will-change",
"href": "https://drafts.csswg.org/css-will-change-1/#propdef-will-change",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"will-change",
"willChange"
],
"syntax": "auto | <animateable-feature>#",
"extended": []
}
],
[
"word-break",
{
"name": "word-break",
"href": "https://drafts.csswg.org/css-text-4/#propdef-word-break",
"initial": "normal",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"word-break",
"wordBreak"
],
"syntax": "normal | break-all | keep-all | manual | auto-phrase | break-word",
"extended": []
}
],
[
"word-space-transform",
{
"name": "word-space-transform",
"href": "https://drafts.csswg.org/css-text-4/#propdef-word-space-transform",
"initial": "none",
"appliesTo": "text",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"word-space-transform",
"wordSpaceTransform"
],
"syntax": "none | [ space | ideographic-space ] && auto-phrase?",
"extended": []
}
],
[
"word-spacing",
{
"name": "word-spacing",
"href": "https://drafts.csswg.org/css-text-4/#propdef-word-spacing",
"initial": "normal",
"appliesTo": "text",
"inherited": "yes",
"percentages": "relative to computed font-size, i.e. 1em",
"computedValue": "an absolute length and/or a percentage",
"canonicalOrder": "n/a",
"animationType": "by computed value type",
"styleDeclaration": [
"word-spacing",
"wordSpacing"
],
"syntax": "normal | <length-percentage>",
"extended": []
}
],
[
"word-wrap",
{
"name": "word-wrap",
"href": "https://drafts.csswg.org/css-text-4/#propdef-word-wrap",
"initial": "normal",
"appliesTo": "text",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "discrete",
"styleDeclaration": [
"word-wrap",
"wordWrap"
],
"syntax": "normal | break-word | anywhere",
"extended": []
}
],
[
"wrap-after",
{
"name": "wrap-after",
"href": "https://drafts.csswg.org/css-text-4/#propdef-wrap-after",
"initial": "auto",
"appliesTo": "inline-level boxes and flex items",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"wrap-after",
"wrapAfter"
],
"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex",
"extended": []
}
],
[
"wrap-before",
{
"name": "wrap-before",
"href": "https://drafts.csswg.org/css-text-4/#propdef-wrap-before",
"initial": "auto",
"appliesTo": "inline-level boxes and flex items",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"wrap-before",
"wrapBefore"
],
"syntax": "auto | avoid | avoid-line | avoid-flex | line | flex",
"extended": []
}
],
[
"wrap-flow",
{
"name": "wrap-flow",
"href": "https://drafts.csswg.org/css-exclusions-1/#propdef-wrap-flow",
"initial": "auto",
"appliesTo": "block-level elements.",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified except for elements whose float computed value is not none, in which case the computed value is auto.",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"wrap-flow",
"wrapFlow"
],
"syntax": "auto | both | start | end | minimum | maximum | clear",
"extended": []
}
],
[
"wrap-inside",
{
"name": "wrap-inside",
"href": "https://drafts.csswg.org/css-text-4/#propdef-wrap-inside",
"initial": "auto",
"appliesTo": "inline boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"wrap-inside",
"wrapInside"
],
"syntax": "auto | avoid",
"extended": []
}
],
[
"wrap-through",
{
"name": "wrap-through",
"href": "https://drafts.csswg.org/css-exclusions-1/#propdef-wrap-through",
"initial": "wrap",
"appliesTo": "block-level elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"wrap-through",
"wrapThrough"
],
"syntax": "wrap | none",
"extended": []
}
],
[
"writing-mode",
{
"name": "writing-mode",
"href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode",
"initial": "horizontal-tb",
"appliesTo": "All elements except table row groups, table column groups, table rows, table columns, ruby base containers, ruby annotation containers",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "n/a",
"animationType": "not animatable",
"styleDeclaration": [
"writing-mode",
"writingMode"
],
"syntax": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
"extended": []
}
],
[
"z-index",
{
"name": "z-index",
"href": "https://drafts.csswg.org/css2/#propdef-z-index",
"initial": "auto",
"appliesTo": "positioned elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"media": "visual",
"styleDeclaration": [
"z-index",
"zIndex"
],
"syntax": "auto | <integer> | inherit",
"extended": []
}
]
]);