cssstyle
Version:
An implementation of the CSSStyleDeclaration class from the CSS Object Model specification
1,609 lines (1,608 loc) • 406 kB
JavaScript
"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-l