"use strict";
module.exports = new Map([
[
"-webkit-align-content",
{
"name": "-webkit-align-content",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-align-content",
"legacyAliasOf": "align-content",
"styleDeclaration": [
"-webkit-align-content",
"WebkitAlignContent",
"webkitAlignContent"
],
"syntax": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>"
}
],
[
"-webkit-align-items",
{
"name": "-webkit-align-items",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-align-items",
"legacyAliasOf": "align-items",
"styleDeclaration": [
"-webkit-align-items",
"WebkitAlignItems",
"webkitAlignItems"
],
"syntax": "normal | stretch | <baseline-position> | <overflow-position>? <self-position>"
}
],
[
"-webkit-align-self",
{
"name": "-webkit-align-self",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-align-self",
"legacyAliasOf": "align-self",
"styleDeclaration": [
"-webkit-align-self",
"WebkitAlignSelf",
"webkitAlignSelf"
],
"syntax": "auto | <overflow-position>? [ normal | <self-position> ]| stretch | <baseline-position>"
}
],
[
"-webkit-animation",
{
"name": "-webkit-animation",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation",
"legacyAliasOf": "animation",
"styleDeclaration": [
"-webkit-animation",
"WebkitAnimation",
"webkitAnimation"
],
"longhands": [
"animation-name",
"animation-duration",
"animation-timing-function",
"animation-delay",
"animation-iteration-count",
"animation-direction",
"animation-fill-mode",
"animation-play-state",
"animation-timeline"
],
"resetLonghands": [
"animation-range",
"animation-trigger"
],
"syntax": "<single-animation>#"
}
],
[
"-webkit-animation-delay",
{
"name": "-webkit-animation-delay",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation-delay",
"legacyAliasOf": "animation-delay",
"styleDeclaration": [
"-webkit-animation-delay",
"WebkitAnimationDelay",
"webkitAnimationDelay"
],
"syntax": "<time>#"
}
],
[
"-webkit-animation-direction",
{
"name": "-webkit-animation-direction",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation-direction",
"legacyAliasOf": "animation-direction",
"styleDeclaration": [
"-webkit-animation-direction",
"WebkitAnimationDirection",
"webkitAnimationDirection"
],
"syntax": "<single-animation-direction>#"
}
],
[
"-webkit-animation-duration",
{
"name": "-webkit-animation-duration",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation-duration",
"legacyAliasOf": "animation-duration",
"styleDeclaration": [
"-webkit-animation-duration",
"WebkitAnimationDuration",
"webkitAnimationDuration"
],
"syntax": "<time [0s,∞]>#"
}
],
[
"-webkit-animation-fill-mode",
{
"name": "-webkit-animation-fill-mode",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation-fill-mode",
"legacyAliasOf": "animation-fill-mode",
"styleDeclaration": [
"-webkit-animation-fill-mode",
"WebkitAnimationFillMode",
"webkitAnimationFillMode"
],
"syntax": "<single-animation-fill-mode>#"
}
],
[
"-webkit-animation-iteration-count",
{
"name": "-webkit-animation-iteration-count",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation-iteration-count",
"legacyAliasOf": "animation-iteration-count",
"styleDeclaration": [
"-webkit-animation-iteration-count",
"WebkitAnimationIterationCount",
"webkitAnimationIterationCount"
],
"syntax": "<single-animation-iteration-count>#"
}
],
[
"-webkit-animation-name",
{
"name": "-webkit-animation-name",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation-name",
"legacyAliasOf": "animation-name",
"styleDeclaration": [
"-webkit-animation-name",
"WebkitAnimationName",
"webkitAnimationName"
],
"syntax": "[ none | <keyframes-name> ]#"
}
],
[
"-webkit-animation-play-state",
{
"name": "-webkit-animation-play-state",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation-play-state",
"legacyAliasOf": "animation-play-state",
"styleDeclaration": [
"-webkit-animation-play-state",
"WebkitAnimationPlayState",
"webkitAnimationPlayState"
],
"syntax": "<single-animation-play-state>#"
}
],
[
"-webkit-animation-timing-function",
{
"name": "-webkit-animation-timing-function",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-animation-timing-function",
"legacyAliasOf": "animation-timing-function",
"styleDeclaration": [
"-webkit-animation-timing-function",
"WebkitAnimationTimingFunction",
"webkitAnimationTimingFunction"
],
"syntax": "<easing-function>#"
}
],
[
"-webkit-appearance",
{
"name": "-webkit-appearance",
"href": "https://drafts.csswg.org/css-ui-4/#propdef--webkit-appearance",
"legacyAliasOf": "appearance",
"styleDeclaration": [
"-webkit-appearance",
"WebkitAppearance",
"webkitAppearance"
],
"syntax": "none | auto | base | base-select | <compat-auto> | <compat-special> | base"
}
],
[
"-webkit-backface-visibility",
{
"name": "-webkit-backface-visibility",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-backface-visibility",
"legacyAliasOf": "backface-visibility",
"styleDeclaration": [
"-webkit-backface-visibility",
"WebkitBackfaceVisibility",
"webkitBackfaceVisibility"
],
"syntax": "visible | hidden"
}
],
[
"-webkit-background-clip",
{
"name": "-webkit-background-clip",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-background-clip",
"legacyAliasOf": "background-clip",
"styleDeclaration": [
"-webkit-background-clip",
"WebkitBackgroundClip",
"webkitBackgroundClip"
],
"syntax": "<visual-box>#"
}
],
[
"-webkit-background-origin",
{
"name": "-webkit-background-origin",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-background-origin",
"legacyAliasOf": "background-origin",
"styleDeclaration": [
"-webkit-background-origin",
"WebkitBackgroundOrigin",
"webkitBackgroundOrigin"
],
"syntax": "<visual-box>#"
}
],
[
"-webkit-background-size",
{
"name": "-webkit-background-size",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-background-size",
"legacyAliasOf": "background-size",
"styleDeclaration": [
"-webkit-background-size",
"WebkitBackgroundSize",
"webkitBackgroundSize"
],
"syntax": "<bg-size>#"
}
],
[
"-webkit-border-bottom-left-radius",
{
"name": "-webkit-border-bottom-left-radius",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-border-bottom-left-radius",
"legacyAliasOf": "border-bottom-left-radius",
"styleDeclaration": [
"-webkit-border-bottom-left-radius",
"WebkitBorderBottomLeftRadius",
"webkitBorderBottomLeftRadius"
],
"syntax": "<border-radius>"
}
],
[
"-webkit-border-bottom-right-radius",
{
"name": "-webkit-border-bottom-right-radius",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-border-bottom-right-radius",
"legacyAliasOf": "border-bottom-right-radius",
"styleDeclaration": [
"-webkit-border-bottom-right-radius",
"WebkitBorderBottomRightRadius",
"webkitBorderBottomRightRadius"
],
"syntax": "<border-radius>"
}
],
[
"-webkit-border-radius",
{
"name": "-webkit-border-radius",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-border-radius",
"legacyAliasOf": "border-radius",
"styleDeclaration": [
"-webkit-border-radius",
"WebkitBorderRadius",
"webkitBorderRadius"
],
"longhands": [
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-right-radius",
"border-bottom-left-radius"
],
"syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
}
],
[
"-webkit-border-top-left-radius",
{
"name": "-webkit-border-top-left-radius",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-border-top-left-radius",
"legacyAliasOf": "border-top-left-radius",
"styleDeclaration": [
"-webkit-border-top-left-radius",
"WebkitBorderTopLeftRadius",
"webkitBorderTopLeftRadius"
],
"syntax": "<border-radius>"
}
],
[
"-webkit-border-top-right-radius",
{
"name": "-webkit-border-top-right-radius",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-border-top-right-radius",
"legacyAliasOf": "border-top-right-radius",
"styleDeclaration": [
"-webkit-border-top-right-radius",
"WebkitBorderTopRightRadius",
"webkitBorderTopRightRadius"
],
"syntax": "<border-radius>"
}
],
[
"-webkit-box-align",
{
"name": "-webkit-box-align",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-box-align",
"styleDeclaration": [
"-webkit-box-align",
"WebkitBoxAlign",
"webkitBoxAlign"
]
}
],
[
"-webkit-box-flex",
{
"name": "-webkit-box-flex",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-box-flex",
"styleDeclaration": [
"-webkit-box-flex",
"WebkitBoxFlex",
"webkitBoxFlex"
]
}
],
[
"-webkit-box-ordinal-group",
{
"name": "-webkit-box-ordinal-group",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-box-ordinal-group",
"styleDeclaration": [
"-webkit-box-ordinal-group",
"WebkitBoxOrdinalGroup",
"webkitBoxOrdinalGroup"
]
}
],
[
"-webkit-box-orient",
{
"name": "-webkit-box-orient",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-box-orient",
"styleDeclaration": [
"-webkit-box-orient",
"WebkitBoxOrient",
"webkitBoxOrient"
]
}
],
[
"-webkit-box-pack",
{
"name": "-webkit-box-pack",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-box-pack",
"styleDeclaration": [
"-webkit-box-pack",
"WebkitBoxPack",
"webkitBoxPack"
]
}
],
[
"-webkit-box-shadow",
{
"name": "-webkit-box-shadow",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-box-shadow",
"legacyAliasOf": "box-shadow",
"styleDeclaration": [
"-webkit-box-shadow",
"WebkitBoxShadow",
"webkitBoxShadow"
],
"longhands": [
"box-shadow-color",
"box-shadow-offset",
"box-shadow-blur",
"box-shadow-spread",
"box-shadow-position"
],
"syntax": "<spread-shadow>#"
}
],
[
"-webkit-box-sizing",
{
"name": "-webkit-box-sizing",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-box-sizing",
"legacyAliasOf": "box-sizing",
"styleDeclaration": [
"-webkit-box-sizing",
"WebkitBoxSizing",
"webkitBoxSizing"
],
"syntax": "content-box | border-box"
}
],
[
"-webkit-filter",
{
"name": "-webkit-filter",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-filter",
"legacyAliasOf": "filter",
"styleDeclaration": [
"-webkit-filter",
"WebkitFilter",
"webkitFilter"
],
"syntax": "none | <filter-value-list>"
}
],
[
"-webkit-flex",
{
"name": "-webkit-flex",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-flex-propdef",
"legacyAliasOf": "flex",
"styleDeclaration": [
"-webkit-flex",
"WebkitFlex",
"webkitFlex"
],
"longhands": [
"flex-grow",
"flex-shrink",
"flex-basis"
],
"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
}
],
[
"-webkit-flex-basis",
{
"name": "-webkit-flex-basis",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-flex-basis",
"legacyAliasOf": "flex-basis",
"styleDeclaration": [
"-webkit-flex-basis",
"WebkitFlexBasis",
"webkitFlexBasis"
],
"syntax": "content | <'width'>"
}
],
[
"-webkit-flex-direction",
{
"name": "-webkit-flex-direction",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-flex-direction",
"legacyAliasOf": "flex-direction",
"styleDeclaration": [
"-webkit-flex-direction",
"WebkitFlexDirection",
"webkitFlexDirection"
],
"syntax": "row | row-reverse | column | column-reverse"
}
],
[
"-webkit-flex-flow",
{
"name": "-webkit-flex-flow",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-flex-flow",
"legacyAliasOf": "flex-flow",
"styleDeclaration": [
"-webkit-flex-flow",
"WebkitFlexFlow",
"webkitFlexFlow"
],
"longhands": [
"flex-direction",
"flex-wrap"
],
"syntax": "<'flex-direction'> || <'flex-wrap'>"
}
],
[
"-webkit-flex-grow",
{
"name": "-webkit-flex-grow",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-flex-grow",
"legacyAliasOf": "flex-grow",
"styleDeclaration": [
"-webkit-flex-grow",
"WebkitFlexGrow",
"webkitFlexGrow"
],
"syntax": "<number [0,∞]>"
}
],
[
"-webkit-flex-shrink",
{
"name": "-webkit-flex-shrink",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-flex-shrink",
"legacyAliasOf": "flex-shrink",
"styleDeclaration": [
"-webkit-flex-shrink",
"WebkitFlexShrink",
"webkitFlexShrink"
],
"syntax": "<number [0,∞]>"
}
],
[
"-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"
],
"syntax": "nowrap | wrap | wrap-reverse"
}
],
[
"-webkit-justify-content",
{
"name": "-webkit-justify-content",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-justify-content",
"legacyAliasOf": "justify-content",
"styleDeclaration": [
"-webkit-justify-content",
"WebkitJustifyContent",
"webkitJustifyContent"
],
"syntax": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]"
}
],
[
"-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"
],
"longhands": [
"max-lines",
"block-ellipsis",
"continue"
],
"syntax": "none | <integer [1,∞]>"
}
],
[
"-webkit-mask",
{
"name": "-webkit-mask",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask",
"legacyAliasOf": "mask",
"styleDeclaration": [
"-webkit-mask",
"WebkitMask",
"webkitMask"
],
"longhands": [
"mask-image",
"mask-position",
"mask-size",
"mask-repeat",
"mask-origin",
"mask-clip",
"mask-composite",
"mask-mode"
],
"resetLonghands": [
"mask-border"
],
"syntax": "<mask-layer>#"
}
],
[
"-webkit-mask-box-image",
{
"name": "-webkit-mask-box-image",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-box-image",
"legacyAliasOf": "mask-border",
"styleDeclaration": [
"-webkit-mask-box-image",
"WebkitMaskBoxImage",
"webkitMaskBoxImage"
],
"longhands": [
"mask-border-source",
"mask-border-slice",
"mask-border-width",
"mask-border-outset",
"mask-border-repeat",
"mask-border-mode"
],
"syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"
}
],
[
"-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"
],
"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"
],
"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"
],
"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"
],
"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"
],
"syntax": "[ <length-percentage> | <number> | auto ]{1,4}"
}
],
[
"-webkit-mask-clip",
{
"name": "-webkit-mask-clip",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-clip",
"legacyAliasOf": "mask-clip",
"styleDeclaration": [
"-webkit-mask-clip",
"WebkitMaskClip",
"webkitMaskClip"
],
"syntax": "[ <coord-box> | no-clip ]#"
}
],
[
"-webkit-mask-composite",
{
"name": "-webkit-mask-composite",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-composite",
"legacyAliasOf": "mask-composite",
"styleDeclaration": [
"-webkit-mask-composite",
"WebkitMaskComposite",
"webkitMaskComposite"
],
"syntax": "<compositing-operator>#"
}
],
[
"-webkit-mask-image",
{
"name": "-webkit-mask-image",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-image",
"legacyAliasOf": "mask-image",
"styleDeclaration": [
"-webkit-mask-image",
"WebkitMaskImage",
"webkitMaskImage"
],
"syntax": "<mask-reference>#"
}
],
[
"-webkit-mask-origin",
{
"name": "-webkit-mask-origin",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-origin",
"legacyAliasOf": "mask-origin",
"styleDeclaration": [
"-webkit-mask-origin",
"WebkitMaskOrigin",
"webkitMaskOrigin"
],
"syntax": "<coord-box>#"
}
],
[
"-webkit-mask-position",
{
"name": "-webkit-mask-position",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-position",
"legacyAliasOf": "mask-position",
"styleDeclaration": [
"-webkit-mask-position",
"WebkitMaskPosition",
"webkitMaskPosition"
],
"syntax": "<position>#"
}
],
[
"-webkit-mask-repeat",
{
"name": "-webkit-mask-repeat",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-repeat",
"legacyAliasOf": "mask-repeat",
"styleDeclaration": [
"-webkit-mask-repeat",
"WebkitMaskRepeat",
"webkitMaskRepeat"
],
"syntax": "<repeat-style>#"
}
],
[
"-webkit-mask-size",
{
"name": "-webkit-mask-size",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-mask-size",
"legacyAliasOf": "mask-size",
"styleDeclaration": [
"-webkit-mask-size",
"WebkitMaskSize",
"webkitMaskSize"
],
"syntax": "<bg-size>#"
}
],
[
"-webkit-order",
{
"name": "-webkit-order",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-order",
"legacyAliasOf": "order",
"styleDeclaration": [
"-webkit-order",
"WebkitOrder",
"webkitOrder"
],
"syntax": "<integer>"
}
],
[
"-webkit-perspective",
{
"name": "-webkit-perspective",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-perspective",
"legacyAliasOf": "perspective",
"styleDeclaration": [
"-webkit-perspective",
"WebkitPerspective",
"webkitPerspective"
],
"syntax": "none | <length [0,∞]>"
}
],
[
"-webkit-perspective-origin",
{
"name": "-webkit-perspective-origin",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-perspective-origin",
"legacyAliasOf": "perspective-origin",
"styleDeclaration": [
"-webkit-perspective-origin",
"WebkitPerspectiveOrigin",
"webkitPerspectiveOrigin"
],
"syntax": "<position>"
}
],
[
"-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>"
}
],
[
"-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"
],
"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"
],
"longhands": [
"-webkit-text-stroke-width",
"-webkit-text-stroke-color"
],
"syntax": "<line-width> || <color>"
}
],
[
"-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>"
}
],
[
"-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>"
}
],
[
"-webkit-transform",
{
"name": "-webkit-transform",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transform",
"legacyAliasOf": "transform",
"styleDeclaration": [
"-webkit-transform",
"WebkitTransform",
"webkitTransform"
],
"syntax": "none | <transform-list>"
}
],
[
"-webkit-transform-origin",
{
"name": "-webkit-transform-origin",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transform-origin",
"legacyAliasOf": "transform-origin",
"styleDeclaration": [
"-webkit-transform-origin",
"WebkitTransformOrigin",
"webkitTransformOrigin"
],
"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>?"
}
],
[
"-webkit-transform-style",
{
"name": "-webkit-transform-style",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transform-style",
"legacyAliasOf": "transform-style",
"styleDeclaration": [
"-webkit-transform-style",
"WebkitTransformStyle",
"webkitTransformStyle"
],
"syntax": "flat | preserve-3d"
}
],
[
"-webkit-transition",
{
"name": "-webkit-transition",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transition",
"legacyAliasOf": "transition",
"styleDeclaration": [
"-webkit-transition",
"WebkitTransition",
"webkitTransition"
],
"longhands": [
"transition-property",
"transition-duration",
"transition-timing-function",
"transition-delay",
"transition-behavior"
],
"syntax": "<single-transition>#"
}
],
[
"-webkit-transition-delay",
{
"name": "-webkit-transition-delay",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transition-delay",
"legacyAliasOf": "transition-delay",
"styleDeclaration": [
"-webkit-transition-delay",
"WebkitTransitionDelay",
"webkitTransitionDelay"
],
"syntax": "<time>#"
}
],
[
"-webkit-transition-duration",
{
"name": "-webkit-transition-duration",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transition-duration",
"legacyAliasOf": "transition-duration",
"styleDeclaration": [
"-webkit-transition-duration",
"WebkitTransitionDuration",
"webkitTransitionDuration"
],
"syntax": "<time [0s,∞]>#"
}
],
[
"-webkit-transition-property",
{
"name": "-webkit-transition-property",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transition-property",
"legacyAliasOf": "transition-property",
"styleDeclaration": [
"-webkit-transition-property",
"WebkitTransitionProperty",
"webkitTransitionProperty"
],
"syntax": "none | <single-transition-property>#"
}
],
[
"-webkit-transition-timing-function",
{
"name": "-webkit-transition-timing-function",
"href": "https://compat.spec.whatwg.org/#propdef--webkit-transition-timing-function",
"legacyAliasOf": "transition-timing-function",
"styleDeclaration": [
"-webkit-transition-timing-function",
"WebkitTransitionTimingFunction",
"webkitTransitionTimingFunction"
],
"syntax": "<easing-function>#"
}
],
[
"-webkit-user-select",
{
"name": "-webkit-user-select",
"href": "https://drafts.csswg.org/css-ui-4/#propdef--webkit-user-select",
"styleDeclaration": [
"-webkit-user-select",
"WebkitUserSelect",
"webkitUserSelect"
],
"syntax": "auto | text | none | contain | all"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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 | <overflow-position>? [ normal | <self-position> ]| stretch | <baseline-position> | anchor-center"
}
],
[
"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 | <baseline-metric>"
}
],
[
"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"
}
],
[
"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 | <anchor-name>#"
}
],
[
"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 | <anchor-name>#"
}
],
[
"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"
],
"longhands": [
"animation-name",
"animation-duration",
"animation-timing-function",
"animation-delay",
"animation-iteration-count",
"animation-direction",
"animation-fill-mode",
"animation-play-state",
"animation-timeline"
],
"resetLonghands": [
"animation-range",
"animation-trigger"
],
"syntax": "<single-animation>#"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"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,∞]> ]#"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"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> ]#"
}
],
[
"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>#"
}
],
[
"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"
],
"longhands": [
"animation-range-start",
"animation-range-end"
],
"syntax": "[ <'animation-range-start'> <'animation-range-end'>? ]#"
}
],
[
"animation-range-center",
{
"name": "animation-range-center",
"href": "https://drafts.csswg.org/pointer-animations-1/#propdef-animation-range-center",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "relative to the corresponding dimension of the specified timeline range center subject, else relative to the start of the animation attachment range",
"computedValue": "list, each item either the keyword normal or a timeline range center subject and a length-percentage value",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-range-center",
"animationRangeCenter"
],
"syntax": "[ normal | [ <length-percentage> | <timeline-range-center-subject> <length-percentage>? ] ]#"
}
],
[
"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>? ]#"
}
],
[
"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>? ]#"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"animation-trigger",
{
"name": "animation-trigger",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-animation-trigger",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"animation-trigger",
"animationTrigger"
],
"syntax": "[ none | [ <dashed-ident> <animation-action>+ ]+ ]#"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"backdrop-filter",
{
"name": "backdrop-filter",
"href": "https://drafts.csswg.org/filter-effects-2/#propdef-backdrop-filter",
"initial": "none",
"appliesTo": "All elements. In SVG, it applies to container elements without the defs element and all graphics elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "see prose in Filter Effects 1 § 14. Animation of Filters.",
"media": "visual",
"styleDeclaration": [
"backdrop-filter",
"backdropFilter"
],
"syntax": "none | <filter-value-list>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"background-image",
"background-position",
"background-size",
"background-repeat",
"background-attachment",
"background-origin",
"background-clip",
"background-color"
],
"resetLonghands": [
"background-blend-mode"
],
"syntax": "<bg-layer>#? , <final-bg-layer>"
}
],
[
"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>#"
}
],
[
"background-blend-mode",
{
"name": "background-blend-mode",
"href": "https://drafts.csswg.org/compositing-2/#propdef-background-blend-mode",
"initial": "normal",
"appliesTo": "All HTML elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"background-blend-mode",
"backgroundBlendMode"
],
"syntax": "<'mix-blend-mode'>#"
}
],
[
"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>#"
}
],
[
"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>"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"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"
],
"longhands": [
"background-position-x",
"background-position-y"
],
"syntax": "<bg-position>#"
}
],
[
"background-position-block",
{
"name": "background-position-block",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-block",
"initial": "0%",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to size of background positioning area minus size 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-block",
"backgroundPositionBlock"
],
"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
}
],
[
"background-position-inline",
{
"name": "background-position-inline",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-position-inline",
"initial": "0%",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to inline-size of background positioning area minus inline-size 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-inline",
"backgroundPositionInline"
],
"syntax": "[ center | [ [ start | end ]? <length-percentage>? ]! ]#"
}
],
[
"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>? ]! ]#"
}
],
[
"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>? ]! ]#"
}
],
[
"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>#"
}
],
[
"background-repeat-block",
{
"name": "background-repeat-block",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat-block",
"initial": "repeat",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "background-repeat",
"styleDeclaration": [
"background-repeat-block",
"backgroundRepeatBlock"
],
"syntax": "<repetition>#"
}
],
[
"background-repeat-inline",
{
"name": "background-repeat-inline",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-repeat-inline",
"initial": "repeat",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"logicalPropertyGroup": "background-repeat",
"styleDeclaration": [
"background-repeat-inline",
"backgroundRepeatInline"
],
"syntax": "<repetition>#"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"background-tbd",
{
"name": "background-tbd",
"href": "https://drafts.csswg.org/css-backgrounds-4/#propdef-background-tbd",
"initial": "see individual properties",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"background-tbd",
"backgroundTbd"
],
"syntax": "<bg-layer>#"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"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'>"
}
],
[
"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"
],
"longhands": [
"block-step-size",
"block-step-insert",
"block-step-align",
"block-step-round"
],
"syntax": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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,∞]>"
}
],
[
"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>"
}
],
[
"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,∞]>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"border-width",
"border-style",
"border-color"
],
"resetLonghands": [
"border-image"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"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"
],
"longhands": [
"border-block-start",
"border-block-end"
],
"syntax": "<'border-block-start'>"
}
],
[
"border-block-clip",
{
"name": "border-block-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-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-block-clip",
"borderBlockClip"
],
"longhands": [
"border-block-start-clip",
"border-block-end-clip"
],
"syntax": "<'border-top-clip'>"
}
],
[
"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"
],
"longhands": [
"border-block-start-color",
"border-block-end-color"
],
"syntax": "<'border-top-color'>{1,2}"
}
],
[
"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"
],
"longhands": [
"border-block-end-width",
"border-block-end-style",
"border-block-end-color"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"border-block-end-clip",
{
"name": "border-block-end-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-clip",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to length of border-edge side",
"computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-clip",
"styleDeclaration": [
"border-block-end-clip",
"borderBlockEndClip"
],
"syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-end-start-radius",
"border-end-end-radius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
}
],
[
"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>"
}
],
[
"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",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-block-end-width",
"borderBlockEndWidth"
],
"syntax": "<line-width>"
}
],
[
"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"
],
"longhands": [
"border-block-start-width",
"border-block-start-style",
"border-block-start-color"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"border-block-start-clip",
{
"name": "border-block-start-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-clip",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to length of border-edge side",
"computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-clip",
"styleDeclaration": [
"border-block-start-clip",
"borderBlockStartClip"
],
"syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-start-start-radius",
"border-start-end-radius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
}
],
[
"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>"
}
],
[
"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",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-block-start-width",
"borderBlockStartWidth"
],
"syntax": "<line-width>"
}
],
[
"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"
],
"longhands": [
"border-block-start-style",
"border-block-end-style"
],
"syntax": "<'border-top-style'>{1,2}"
}
],
[
"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"
],
"longhands": [
"border-block-start-width",
"border-block-end-width"
],
"syntax": "<'border-top-width'>{1,2}"
}
],
[
"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"
],
"longhands": [
"border-bottom-width",
"border-bottom-style",
"border-bottom-color"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"border-bottom-clip",
{
"name": "border-bottom-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-clip",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to length of border-edge side",
"computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-clip",
"styleDeclaration": [
"border-bottom-clip",
"borderBottomClip"
],
"syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-bottom-left-radius",
"border-bottom-right-radius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-bottom-width",
"borderBottomWidth"
],
"syntax": "<line-width>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"border-top-clip",
"border-right-clip",
"border-bottom-clip",
"border-left-clip"
],
"syntax": "<'border-top-clip'>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"border-top-color",
"border-right-color",
"border-bottom-color",
"border-left-color"
],
"syntax": "[ <color> | <image-1D> ]{1,4}"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-image-source",
"border-image-slice",
"border-image-width",
"border-image-outset",
"border-image-repeat"
],
"syntax": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>"
}
],
[
"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}"
}
],
[
"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}"
}
],
[
"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?"
}
],
[
"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>"
}
],
[
"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}"
}
],
[
"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"
],
"longhands": [
"border-inline-start",
"border-inline-end"
],
"syntax": "<'border-block-start'>"
}
],
[
"border-inline-clip",
{
"name": "border-inline-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-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-inline-clip",
"borderInlineClip"
],
"longhands": [
"border-inline-start-clip",
"border-inline-end-clip"
],
"syntax": "<'border-top-clip'>"
}
],
[
"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"
],
"longhands": [
"border-inline-start-color",
"border-inline-end-color"
],
"syntax": "<'border-top-color'>{1,2}"
}
],
[
"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"
],
"longhands": [
"border-inline-end-width",
"border-inline-end-style",
"border-inline-end-color"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"border-inline-end-clip",
{
"name": "border-inline-end-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-clip",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to length of border-edge side",
"computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-clip",
"styleDeclaration": [
"border-inline-end-clip",
"borderInlineEndClip"
],
"syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-start-end-radius",
"border-end-end-radius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
}
],
[
"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>"
}
],
[
"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",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-inline-end-width",
"borderInlineEndWidth"
],
"syntax": "<line-width>"
}
],
[
"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"
],
"longhands": [
"border-inline-start-width",
"border-inline-start-style",
"border-inline-start-color"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"border-inline-start-clip",
{
"name": "border-inline-start-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-clip",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to length of border-edge side",
"computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-clip",
"styleDeclaration": [
"border-inline-start-clip",
"borderInlineStartClip"
],
"syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-start-start-radius",
"border-end-start-radius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
}
],
[
"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>"
}
],
[
"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",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-inline-start-width",
"borderInlineStartWidth"
],
"syntax": "<line-width>"
}
],
[
"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"
],
"longhands": [
"border-inline-start-style",
"border-inline-end-style"
],
"syntax": "<'border-top-style'>{1,2}"
}
],
[
"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"
],
"longhands": [
"border-inline-start-width",
"border-inline-end-width"
],
"syntax": "<'border-top-width'>{1,2}"
}
],
[
"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"
],
"longhands": [
"border-left-width",
"border-left-style",
"border-left-color"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"border-left-clip",
{
"name": "border-left-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-clip",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to length of border-edge side",
"computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-clip",
"styleDeclaration": [
"border-left-clip",
"borderLeftClip"
],
"syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-top-left-radius",
"border-bottom-left-radius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
}
],
[
"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>"
}
],
[
"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",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-left-width",
"borderLeftWidth"
],
"syntax": "<line-width>"
}
],
[
"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,∞]>"
}
],
[
"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"
],
"longhands": [
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-right-radius",
"border-bottom-left-radius"
],
"syntax": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
}
],
[
"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"
],
"longhands": [
"border-right-width",
"border-right-style",
"border-right-color"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"border-right-clip",
{
"name": "border-right-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-clip",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to length of border-edge side",
"computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-clip",
"styleDeclaration": [
"border-right-clip",
"borderRightClip"
],
"syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-top-right-radius",
"border-bottom-right-radius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
}
],
[
"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>"
}
],
[
"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",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-right-width",
"borderRightWidth"
],
"syntax": "<line-width>"
}
],
[
"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}"
}
],
[
"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}"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-top-style",
"border-right-style",
"border-bottom-style",
"border-left-style"
],
"syntax": "<'border-top-style'>{1,4}"
}
],
[
"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"
],
"longhands": [
"border-top-width",
"border-top-style",
"border-top-color"
],
"syntax": "<line-width> || <line-style> || <color>"
}
],
[
"border-top-clip",
{
"name": "border-top-clip",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-clip",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "refer to length of border-edge side",
"computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-clip",
"styleDeclaration": [
"border-top-clip",
"borderTopClip"
],
"syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"border-top-left-radius",
"border-top-right-radius"
],
"syntax": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"logicalPropertyGroup": "border-width",
"styleDeclaration": [
"border-top-width",
"borderTopWidth"
],
"syntax": "<line-width>"
}
],
[
"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"
],
"longhands": [
"border-top-width",
"border-right-width",
"border-bottom-width",
"border-left-width"
],
"syntax": "<'border-top-width'>{1,4}"
}
],
[
"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()>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"box-shadow-color",
"box-shadow-offset",
"box-shadow-blur",
"box-shadow-spread",
"box-shadow-position"
],
"syntax": "<spread-shadow>#"
}
],
[
"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,∞]>#"
}
],
[
"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>#"
}
],
[
"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 element‘s 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} ]#"
}
],
[
"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 ]#"
}
],
[
"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>#"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"caret-color",
"caret-animation",
"caret-shape"
],
"syntax": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>"
}
],
[
"caret-animation",
{
"name": "caret-animation",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-animation",
"initial": "auto",
"appliesTo": "text or elements that accept text input",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"caret-animation",
"caretAnimation"
],
"syntax": "auto | manual"
}
],
[
"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> [auto | <color>]?"
}
],
[
"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"
}
],
[
"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"
}
],
[
"clip",
{
"name": "clip",
"href": "https://drafts.csswg.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"
}
],
[
"clip-path",
{
"name": "clip-path",
"href": "https://drafts.csswg.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"
}
],
[
"clip-rule",
{
"name": "clip-rule",
"href": "https://drafts.csswg.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"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"print-color-adjust"
],
"syntax": "<'print-color-adjust'>"
}
],
[
"color-interpolation",
{
"name": "color-interpolation",
"href": "https://w3c.github.io/svgwg/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"
}
],
[
"color-interpolation-filters",
{
"name": "color-interpolation-filters",
"href": "https://drafts.csswg.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"
}
],
[
"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?"
}
],
[
"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,∞]>"
}
],
[
"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"
}
],
[
"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,∞]> | <line-width>"
}
],
[
"column-height",
{
"name": "column-height",
"href": "https://drafts.csswg.org/css-multicol-2/#propdef-column-height",
"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-height",
"columnHeight"
],
"syntax": "auto | <length [0,∞]>"
}
],
[
"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"
],
"longhands": [
"column-rule-width",
"column-rule-style",
"column-rule-color"
],
"syntax": "<gap-rule-list> | <gap-auto-rule-list>"
}
],
[
"column-rule-break",
{
"name": "column-rule-break",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-break",
"initial": "normal",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"column-rule-break",
"columnRuleBreak"
],
"syntax": "none | normal | intersection"
}
],
[
"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 grid lanes containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "repeatable list, see § 4.7 Interpolation of list values.",
"styleDeclaration": [
"column-rule-color",
"columnRuleColor"
],
"syntax": "<line-color-list> | <auto-line-color-list>"
}
],
[
"column-rule-edge-inset",
{
"name": "column-rule-edge-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-edge-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-start, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-edge-inset-end, row-rule-interior-inset-start, and row-rule-interior-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"column-rule-edge-inset",
"columnRuleEdgeInset"
],
"longhands": [
"column-rule-edge-inset-start",
"column-rule-edge-inset-end"
],
"syntax": "<length-percentage> [ <length-percentage> ]?"
}
],
[
"column-rule-edge-inset-end",
{
"name": "column-rule-edge-inset-end",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-edge-inset-end",
"initial": "0",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"column-rule-edge-inset-end",
"columnRuleEdgeInsetEnd"
],
"syntax": "<length-percentage>"
}
],
[
"column-rule-edge-inset-start",
{
"name": "column-rule-edge-inset-start",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-edge-inset-start",
"initial": "0",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"column-rule-edge-inset-start",
"columnRuleEdgeInsetStart"
],
"syntax": "<length-percentage>"
}
],
[
"column-rule-inset",
{
"name": "column-rule-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset, column-rule-interior-inset, row-rule-edge-inset, and row-rule-interior-inset",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"column-rule-inset",
"columnRuleInset"
],
"longhands": [
"column-rule-edge-inset-start",
"column-rule-edge-inset-end",
"column-rule-interior-inset-start",
"column-rule-interior-inset-end"
],
"syntax": "<'column-rule-edge-inset'> [ / <'column-rule-interior-inset'> ]?"
}
],
[
"column-rule-inset-end",
{
"name": "column-rule-inset-end",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-end",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"column-rule-inset-end",
"columnRuleInsetEnd"
],
"longhands": [
"column-rule-edge-inset-end",
"column-rule-interior-inset-end"
],
"syntax": "<length-percentage>"
}
],
[
"column-rule-inset-start",
{
"name": "column-rule-inset-start",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-start",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"column-rule-inset-start",
"columnRuleInsetStart"
],
"longhands": [
"column-rule-edge-inset-start",
"column-rule-interior-inset-start"
],
"syntax": "<length-percentage>"
}
],
[
"column-rule-interior-inset",
{
"name": "column-rule-interior-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-start, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-edge-inset-end, row-rule-interior-inset-start, and row-rule-interior-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"column-rule-interior-inset",
"columnRuleInteriorInset"
],
"longhands": [
"column-rule-interior-inset-start",
"column-rule-interior-inset-end"
],
"syntax": "<length-percentage> [ <length-percentage> ]?"
}
],
[
"column-rule-interior-inset-end",
{
"name": "column-rule-interior-inset-end",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset-end",
"initial": "0",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"column-rule-interior-inset-end",
"columnRuleInteriorInsetEnd"
],
"syntax": "<length-percentage>"
}
],
[
"column-rule-interior-inset-start",
{
"name": "column-rule-interior-inset-start",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset-start",
"initial": "0",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"column-rule-interior-inset-start",
"columnRuleInteriorInsetStart"
],
"syntax": "<length-percentage>"
}
],
[
"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 grid lanes 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>"
}
],
[
"column-rule-visibility-items",
{
"name": "column-rule-visibility-items",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-visibility-items",
"initial": "normal",
"appliesTo": "grid containers and multicol containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"column-rule-visibility-items",
"columnRuleVisibilityItems"
],
"syntax": "all | around | between | normal"
}
],
[
"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 grid lanes containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list of absolute lengths, snapped as a border width",
"canonicalOrder": "per grammar",
"animationType": "repeatable list, see § 4.7 Interpolation of list values.",
"styleDeclaration": [
"column-rule-width",
"columnRuleWidth"
],
"syntax": "<line-width-list> | <auto-line-width-list>"
}
],
[
"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"
}
],
[
"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>)"
}
],
[
"column-wrap",
{
"name": "column-wrap",
"href": "https://drafts.csswg.org/css-multicol-2/#propdef-column-wrap",
"initial": "auto",
"appliesTo": "multicol containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"column-wrap",
"columnWrap"
],
"syntax": "auto | nowrap | wrap"
}
],
[
"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"
],
"longhands": [
"column-width",
"column-count",
"column-height"
],
"syntax": "[ <'column-width'> || <'column-count'> ] [ / <'column-height'> ]?"
}
],
[
"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 ]"
}
],
[
"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? [ none | <length [0,∞]> ]"
}
],
[
"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? [ none | <length [0,∞]> ]"
}
],
[
"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? [ none | <length [0,∞]> ]"
}
],
[
"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"
],
"longhands": [
"contain-intrinsic-width",
"contain-intrinsic-height"
],
"syntax": "[ auto? [ none | <length [0,∞]> ] ]{1,2}"
}
],
[
"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? [ none | <length [0,∞]> ]"
}
],
[
"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"
],
"longhands": [
"container-name",
"container-type"
],
"syntax": "<'container-name'> [ / <'container-type'> ]?"
}
],
[
"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>+"
}
],
[
"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 ]"
}
],
[
"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()>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"copy-into",
{
"name": "copy-into",
"href": "https://drafts.csswg.org/css-gcpm-4/#propdef-copy-into",
"initial": "none",
"appliesTo": "all elements and pseudo-elements, but not ::first-line or ::first-letter.",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"copy-into",
"copyInto"
],
"syntax": "none | [ [ <custom-ident> <content-level>] [, <custom-ident> <content-level>]* ]?"
}
],
[
"corner",
{
"name": "corner",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner"
],
"longhands": [
"border-radius",
"corner-shape"
],
"syntax": "<'border-radius'> || <'corner-shape'>"
}
],
[
"corner-block-end",
{
"name": "corner-block-end",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-end",
"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": [
"corner-block-end",
"cornerBlockEnd"
],
"longhands": [
"border-block-end-radius",
"corner-block-end-shape"
],
"syntax": "<'border-top-radius'> || <'corner-top-shape'>"
}
],
[
"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"
],
"longhands": [
"corner-end-start-shape",
"corner-end-end-shape"
],
"syntax": "<'corner-top-left-shape'>{1,2}"
}
],
[
"corner-block-start",
{
"name": "corner-block-start",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-start",
"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": [
"corner-block-start",
"cornerBlockStart"
],
"longhands": [
"border-block-start-radius",
"corner-block-start-shape"
],
"syntax": "<'border-top-radius'> || <'corner-top-shape'>"
}
],
[
"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"
],
"longhands": [
"corner-start-start-shape",
"corner-start-end-shape"
],
"syntax": "<'corner-top-left-shape'>{1,2}"
}
],
[
"corner-bottom",
{
"name": "corner-bottom",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom",
"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": [
"corner-bottom",
"cornerBottom"
],
"longhands": [
"border-bottom-radius",
"corner-bottom-shape"
],
"syntax": "<'border-top-radius'> || <'corner-top-shape'>"
}
],
[
"corner-bottom-left",
{
"name": "corner-bottom-left",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner-bottom-left",
"cornerBottomLeft"
],
"longhands": [
"border-bottom-left-radius",
"corner-bottom-left-shape"
],
"syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>"
}
],
[
"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>"
}
],
[
"corner-bottom-right",
{
"name": "corner-bottom-right",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner-bottom-right",
"cornerBottomRight"
],
"longhands": [
"border-bottom-right-radius",
"corner-bottom-right-shape"
],
"syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"corner-bottom-left-shape",
"corner-bottom-right-shape"
],
"syntax": "<'corner-top-left-shape'>{1,2}"
}
],
[
"corner-end-end",
{
"name": "corner-end-end",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner-end-end",
"cornerEndEnd"
],
"longhands": [
"border-end-end-radius",
"corner-end-end-shape"
],
"syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>"
}
],
[
"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>"
}
],
[
"corner-end-start",
{
"name": "corner-end-start",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner-end-start",
"cornerEndStart"
],
"longhands": [
"border-end-start-radius",
"corner-end-start-shape"
],
"syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>"
}
],
[
"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>"
}
],
[
"corner-inline-end",
{
"name": "corner-inline-end",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-end",
"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": [
"corner-inline-end",
"cornerInlineEnd"
],
"longhands": [
"border-inline-end-radius",
"corner-inline-end-shape"
],
"syntax": "<'border-top-radius'> || <'corner-top-shape'>"
}
],
[
"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"
],
"longhands": [
"corner-start-end-shape",
"corner-end-end-shape"
],
"syntax": "<'corner-top-left-shape'>{1,2}"
}
],
[
"corner-inline-start",
{
"name": "corner-inline-start",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-start",
"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": [
"corner-inline-start",
"cornerInlineStart"
],
"longhands": [
"border-inline-start-radius",
"corner-inline-start-shape"
],
"syntax": "<'border-top-radius'> || <'corner-top-shape'>"
}
],
[
"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"
],
"longhands": [
"corner-start-start-shape",
"corner-end-start-shape"
],
"syntax": "<'corner-top-left-shape'>{1,2}"
}
],
[
"corner-left",
{
"name": "corner-left",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-left",
"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": [
"corner-left",
"cornerLeft"
],
"longhands": [
"border-left-radius",
"corner-left-shape"
],
"syntax": "<'border-top-radius'> || <'corner-top-shape'>"
}
],
[
"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"
],
"longhands": [
"corner-top-left-shape",
"corner-bottom-left-shape"
],
"syntax": "<'corner-top-left-shape'>{1,2}"
}
],
[
"corner-right",
{
"name": "corner-right",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-right",
"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": [
"corner-right",
"cornerRight"
],
"longhands": [
"border-right-radius",
"corner-right-shape"
],
"syntax": "<'border-top-radius'> || <'corner-top-shape'>"
}
],
[
"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"
],
"longhands": [
"corner-top-right-shape",
"corner-bottom-right-shape"
],
"syntax": "<'corner-top-left-shape'>{1,2}"
}
],
[
"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"
],
"longhands": [
"corner-top-left-shape",
"corner-top-right-shape",
"corner-bottom-right-shape",
"corner-bottom-left-shape"
],
"syntax": "<'corner-top-left-shape'>{1,4}"
}
],
[
"corner-start-end",
{
"name": "corner-start-end",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner-start-end",
"cornerStartEnd"
],
"longhands": [
"border-start-end-radius",
"corner-start-end-shape"
],
"syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>"
}
],
[
"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>"
}
],
[
"corner-start-start",
{
"name": "corner-start-start",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner-start-start",
"cornerStartStart"
],
"longhands": [
"border-start-start-radius",
"corner-start-start-shape"
],
"syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>"
}
],
[
"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>"
}
],
[
"corner-top",
{
"name": "corner-top",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top",
"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": [
"corner-top",
"cornerTop"
],
"longhands": [
"border-top-radius",
"corner-top-shape"
],
"syntax": "<'border-top-radius'> || <'corner-top-shape'>"
}
],
[
"corner-top-left",
{
"name": "corner-top-left",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner-top-left",
"cornerTopLeft"
],
"longhands": [
"border-top-left-radius",
"corner-top-left-shape"
],
"syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>"
}
],
[
"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>"
}
],
[
"corner-top-right",
{
"name": "corner-top-right",
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right",
"initial": "0",
"appliesTo": "all elements (but see prose)",
"inherited": "no",
"percentages": "Refer to corresponding dimension of the border box.",
"computedValue": "see individual properties",
"canonicalOrder": "per grammar",
"animationType": "see individual properties",
"styleDeclaration": [
"corner-top-right",
"cornerTopRight"
],
"longhands": [
"border-top-right-radius",
"corner-top-right-shape"
],
"syntax": "<'border-top-left-radius'> || <'corner-top-left-shape'>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"corner-top-left-shape",
"corner-top-right-shape"
],
"syntax": "<'corner-top-left-shape'>{1,2}"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"cue"
],
"longhands": [
"cue-before",
"cue-after"
],
"syntax": "<'cue-before'> <'cue-after'>?"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"cue-after",
"cueAfter"
],
"syntax": "<uri> <decibel>? | none"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"cue-before",
"cueBefore"
],
"syntax": "<uri> <decibel>? | none"
}
],
[
"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>"
}
],
[
"cx",
{
"name": "cx",
"href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#CxProperty",
"initial": "0",
"appliesTo": "‘circle’ and ‘ellipse’ elements",
"inherited": "no",
"percentages": "refer to the width of the current SVG viewport (see Units)",
"media": "visual",
"computedValue": "an absolute length or percentage",
"animationType": "by computed value",
"styleDeclaration": [
"cx"
],
"syntax": "<length-percentage>"
}
],
[
"cy",
{
"name": "cy",
"href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#CyProperty",
"initial": "0",
"appliesTo": "‘circle’ and ‘ellipse’ elements",
"inherited": "no",
"percentages": "refer to the height of the current SVG viewport (see Units)",
"media": "visual",
"computedValue": "an absolute length or percentage",
"animationType": "by computed value",
"styleDeclaration": [
"cy"
],
"syntax": "<length-percentage>"
}
],
[
"d",
{
"name": "d",
"href": "https://w3c.github.io/svgwg/svg2-draft/paths.html#DProperty",
"initial": "none",
"appliesTo": "‘path’",
"inherited": "no",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified",
"animationType": "See prose",
"styleDeclaration": [
"d"
],
"syntax": "none | <string>"
}
],
[
"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"
}
],
[
"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> | grid-lanes | inline-grid-lanes | ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container | <display-outside> || [ <display-inside> | math ]"
}
],
[
"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 | <baseline-metric>"
}
],
[
"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()>"
}
],
[
"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"
}
],
[
"event-trigger",
{
"name": "event-trigger",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"animationType": "not animatable",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"event-trigger",
"eventTrigger"
],
"syntax": "none | [ <'event-trigger-name'> <'event-trigger-source'> ]#"
}
],
[
"event-trigger-name",
{
"name": "event-trigger-name",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger-name",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"event-trigger-name",
"eventTriggerName"
],
"syntax": "none | <dashed-ident>#"
}
],
[
"event-trigger-source",
{
"name": "event-trigger-source",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger-source",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"event-trigger-source",
"eventTriggerSource"
],
"syntax": "[ none | <event-trigger-event>+ [ / <event-trigger-event>+ ]? ]#"
}
],
[
"field-sizing",
{
"name": "field-sizing",
"href": "https://drafts.csswg.org/css-forms-1/#propdef-field-sizing",
"initial": "fixed",
"appliesTo": "elements with default preferred size",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"field-sizing",
"fieldSizing"
],
"syntax": "fixed | content"
}
],
[
"fill",
{
"name": "fill",
"href": "https://w3c.github.io/svgwg/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>"
}
],
[
"fill-break",
{
"name": "fill-break",
"href": "https://drafts.csswg.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"
}
],
[
"fill-color",
{
"name": "fill-color",
"href": "https://drafts.csswg.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>"
}
],
[
"fill-image",
{
"name": "fill-image",
"href": "https://drafts.csswg.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>#"
}
],
[
"fill-opacity",
{
"name": "fill-opacity",
"href": "https://drafts.csswg.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'>"
}
],
[
"fill-origin",
{
"name": "fill-origin",
"href": "https://drafts.csswg.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"
}
],
[
"fill-position",
{
"name": "fill-position",
"href": "https://drafts.csswg.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>#"
}
],
[
"fill-repeat",
{
"name": "fill-repeat",
"href": "https://drafts.csswg.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>#"
}
],
[
"fill-rule",
{
"name": "fill-rule",
"href": "https://drafts.csswg.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"
}
],
[
"fill-size",
{
"name": "fill-size",
"href": "https://drafts.csswg.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>#"
}
],
[
"filter",
{
"name": "filter",
"href": "https://drafts.csswg.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>"
}
],
[
"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"
],
"longhands": [
"flex-grow",
"flex-shrink",
"flex-basis"
],
"syntax": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
}
],
[
"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 container’s 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'>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"flex-direction",
"flex-wrap"
],
"syntax": "<'flex-direction'> || <'flex-wrap'>"
}
],
[
"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,∞]>"
}
],
[
"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,∞]>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"flood-color",
{
"name": "flood-color",
"href": "https://drafts.csswg.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>"
}
],
[
"flood-opacity",
{
"name": "flood-opacity",
"href": "https://drafts.csswg.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'>"
}
],
[
"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"
}
],
[
"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]?"
}
],
[
"flow-tolerance",
{
"name": "flow-tolerance",
"href": "https://drafts.csswg.org/css-grid-3/#propdef-flow-tolerance",
"initial": "normal",
"appliesTo": "grid lanes containers",
"inherited": "no",
"percentages": "relative to the grid-axis content box size of the grid lanes container",
"computedValue": "a computed <length-percentage> value",
"canonicalOrder": "per grammar",
"animationType": "as length",
"styleDeclaration": [
"flow-tolerance",
"flowTolerance"
],
"syntax": "normal | <length-percentage> | infinite"
}
],
[
"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"
],
"longhands": [
"font-style",
"font-variant",
"font-weight",
"font-stretch",
"font-size",
"line-height",
"font-family"
],
"resetLonghands": [
"font-feature-settings",
"font-kerning",
"font-language-override",
"font-optical-sizing",
"font-size-adjust",
"font-variation-settings"
],
"syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>"
}
],
[
"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> ]#"
}
],
[
"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>#"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"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()>"
}
],
[
"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 element’s 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"
}
],
[
"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,∞]> ]"
}
],
[
"font-stretch",
{
"name": "font-stretch",
"href": "https://drafts.csswg.org/css-fonts-4/#propdef-font-stretch",
"legacyAliasOf": "font-width",
"styleDeclaration": [
"font-stretch",
"fontStretch"
],
"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]>?"
}
],
[
"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"
],
"longhands": [
"font-synthesis-weight",
"font-synthesis-style",
"font-synthesis-small-caps"
],
"syntax": "none | [ weight || style || small-caps || position]"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"font-variant-ligatures",
"font-variant-caps",
"font-variant-alternates",
"font-variant-numeric",
"font-variant-east-asian",
"font-variant-position",
"font-variant-emoji"
],
"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 ] ]"
}
],
[
"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>) ]"
}
],
[
"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"
}
],
[
"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 ]"
}
],
[
"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"
}
],
[
"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> ]"
}
],
[
"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 ]"
}
],
[
"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"
}
],
[
"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> ]#"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"frame-sizing",
{
"name": "frame-sizing",
"href": "https://drafts.csswg.org/css-sizing-4/#propdef-frame-sizing",
"initial": "auto",
"appliesTo": "iframe elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"frame-sizing",
"frameSizing"
],
"syntax": "auto | content-width | content-height | content-block-size | content-inline-size"
}
],
[
"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"
],
"longhands": [
"row-gap",
"column-gap"
],
"syntax": "<'row-gap'> <'column-gap'>?"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"grid-template-rows",
"grid-template-columns",
"grid-template-areas",
"grid-auto-rows",
"grid-auto-columns",
"grid-auto-flow"
],
"syntax": "<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>"
}
],
[
"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"
],
"longhands": [
"grid-row-start",
"grid-column-start",
"grid-row-end",
"grid-column-end"
],
"syntax": "<grid-line> [ / <grid-line> ]{0,3}"
}
],
[
"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>+"
}
],
[
"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"
}
],
[
"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>+"
}
],
[
"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"
],
"longhands": [
"grid-column-start",
"grid-column-end"
],
"syntax": "<grid-line> [ / <grid-line> ]?"
}
],
[
"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>"
}
],
[
"grid-column-gap",
{
"name": "grid-column-gap",
"href": "https://drafts.csswg.org/css-align-3/#propdef-grid-column-gap",
"legacyAliasOf": "column-gap",
"styleDeclaration": [
"grid-column-gap",
"gridColumnGap"
],
"syntax": "normal | <length-percentage [0,∞]> | <line-width>"
}
],
[
"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>"
}
],
[
"grid-gap",
{
"name": "grid-gap",
"href": "https://drafts.csswg.org/css-align-3/#propdef-grid-gap",
"legacyAliasOf": "gap",
"styleDeclaration": [
"grid-gap",
"gridGap"
],
"longhands": [
"row-gap",
"column-gap"
],
"syntax": "<'row-gap'> <'column-gap'>?"
}
],
[
"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"
],
"longhands": [
"grid-row-start",
"grid-row-end"
],
"syntax": "<grid-line> [ / <grid-line> ]?"
}
],
[
"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>"
}
],
[
"grid-row-gap",
{
"name": "grid-row-gap",
"href": "https://drafts.csswg.org/css-align-3/#propdef-grid-row-gap",
"legacyAliasOf": "row-gap",
"styleDeclaration": [
"grid-row-gap",
"gridRowGap"
],
"syntax": "normal | <length-percentage [0,∞]> | <line-width>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"grid-template-rows",
"grid-template-columns",
"grid-template-areas"
],
"syntax": "none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?"
}
],
[
"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>+"
}
],
[
"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>?"
}
],
[
"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>?"
}
],
[
"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 ]"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"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}"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"image-animation",
{
"name": "image-animation",
"href": "https://drafts.csswg.org/css-image-animation-1/#propdef-image-animation",
"initial": "normal",
"appliesTo": "content images and elements with decorative images",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"image-animation",
"imageAnimation"
],
"syntax": "normal | paused | stopped | running"
}
],
[
"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 ]"
}
],
[
"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"
}
],
[
"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?"
}
],
[
"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 ]?"
}
],
[
"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 ]? ]!"
}
],
[
"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>"
}
],
[
"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'>"
}
],
[
"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"
}
],
[
"input-security",
{
"name": "input-security",
"href": "https://drafts.csswg.org/css-forms-1/#propdef-input-security",
"initial": "auto",
"appliesTo": "sensitive text inputs",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"input-security",
"inputSecurity"
],
"syntax": "auto | none"
}
],
[
"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"
],
"longhands": [
"top",
"right",
"bottom",
"left"
],
"syntax": "<'top'>{1,4}"
}
],
[
"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"
],
"longhands": [
"inset-block-start",
"inset-block-end"
],
"syntax": "<'top'>{1,2}"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"inset-inline-start",
"inset-inline-end"
],
"syntax": "<'top'>{1,2}"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"interactivity",
{
"name": "interactivity",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-interactivity",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"interactivity"
],
"syntax": "auto | inert"
}
],
[
"interest-delay",
{
"name": "interest-delay",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-interest-delay",
"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": [
"interest-delay",
"interestDelay"
],
"longhands": [
"interest-delay-start",
"interest-delay-end"
],
"syntax": "<'interest-delay-start'>{1,2}"
}
],
[
"interest-delay-end",
{
"name": "interest-delay-end",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-interest-delay-end",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the keyword normal or a computed time",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"interest-delay-end",
"interestDelayEnd"
],
"syntax": "normal | <time>"
}
],
[
"interest-delay-start",
{
"name": "interest-delay-start",
"href": "https://drafts.csswg.org/css-ui-4/#propdef-interest-delay-start",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "the keyword normal or a computed time",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"interest-delay-start",
"interestDelayStart"
],
"syntax": "normal | <time>"
}
],
[
"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"
}
],
[
"isolation",
{
"name": "isolation",
"href": "https://drafts.csswg.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",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"isolation"
],
"syntax": "<isolation-mode>"
}
],
[
"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 ]"
}
],
[
"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 ]"
}
],
[
"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 | <overflow-position>? [ normal | <self-position> | left | right ] | stretch | <baseline-position> | anchor-center"
}
],
[
"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()>"
}
],
[
"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>"
}
],
[
"lighting-color",
{
"name": "lighting-color",
"href": "https://drafts.csswg.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>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"max-lines",
"block-ellipsis",
"continue"
],
"syntax": "none | [<integer [1,∞]> || <'block-ellipsis'>] -webkit-legacy?"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"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,∞]>"
}
],
[
"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,∞]>"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"link-parameters",
{
"name": "link-parameters",
"href": "https://drafts.csswg.org/css-link-params-1/#propdef-link-parameters",
"initial": "none",
"appliesTo": "all elements and pseudo-elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"link-parameters",
"linkParameters"
],
"syntax": "none | <param()>#"
}
],
[
"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"
],
"longhands": [
"list-style-type",
"list-style-position",
"list-style-image"
],
"syntax": "<'list-style-position'> || <'list-style-image'> || <'list-style-type'>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"margin-top",
"margin-right",
"margin-bottom",
"margin-left"
],
"syntax": "<'margin-top'>{1,4}"
}
],
[
"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"
],
"longhands": [
"margin-block-start",
"margin-block-end"
],
"syntax": "<'margin-top'>{1,2}"
}
],
[
"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'>"
}
],
[
"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'>"
}
],
[
"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()>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"margin-inline-start",
"margin-inline-end"
],
"syntax": "<'margin-top'>{1,2}"
}
],
[
"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'>"
}
],
[
"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'>"
}
],
[
"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()>"
}
],
[
"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()>"
}
],
[
"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()>"
}
],
[
"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 ]"
}
],
[
"marker",
{
"name": "marker",
"href": "https://w3c.github.io/svgwg/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"
],
"longhands": [
"marker-start",
"marker-mid",
"marker-end"
],
"syntax": "none | <marker-ref>"
}
],
[
"marker-end",
{
"name": "marker-end",
"href": "https://w3c.github.io/svgwg/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>"
}
],
[
"marker-mid",
{
"name": "marker-mid",
"href": "https://w3c.github.io/svgwg/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>"
}
],
[
"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"
}
],
[
"marker-start",
{
"name": "marker-start",
"href": "https://w3c.github.io/svgwg/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>"
}
],
[
"mask",
{
"name": "mask",
"href": "https://drafts.csswg.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"
],
"longhands": [
"mask-image",
"mask-position",
"mask-size",
"mask-repeat",
"mask-origin",
"mask-clip",
"mask-composite",
"mask-mode"
],
"resetLonghands": [
"mask-border"
],
"syntax": "<mask-layer>#"
}
],
[
"mask-border",
{
"name": "mask-border",
"href": "https://drafts.csswg.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"
],
"longhands": [
"mask-border-source",
"mask-border-slice",
"mask-border-width",
"mask-border-outset",
"mask-border-repeat",
"mask-border-mode"
],
"syntax": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"
}
],
[
"mask-border-mode",
{
"name": "mask-border-mode",
"href": "https://drafts.csswg.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"
}
],
[
"mask-border-outset",
{
"name": "mask-border-outset",
"href": "https://drafts.csswg.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}"
}
],
[
"mask-border-repeat",
{
"name": "mask-border-repeat",
"href": "https://drafts.csswg.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}"
}
],
[
"mask-border-slice",
{
"name": "mask-border-slice",
"href": "https://drafts.csswg.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?"
}
],
[
"mask-border-source",
{
"name": "mask-border-source",
"href": "https://drafts.csswg.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>"
}
],
[
"mask-border-width",
{
"name": "mask-border-width",
"href": "https://drafts.csswg.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}"
}
],
[
"mask-clip",
{
"name": "mask-clip",
"href": "https://drafts.csswg.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 ]#"
}
],
[
"mask-composite",
{
"name": "mask-composite",
"href": "https://drafts.csswg.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>#"
}
],
[
"mask-image",
{
"name": "mask-image",
"href": "https://drafts.csswg.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>#"
}
],
[
"mask-mode",
{
"name": "mask-mode",
"href": "https://drafts.csswg.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>#"
}
],
[
"mask-origin",
{
"name": "mask-origin",
"href": "https://drafts.csswg.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>#"
}
],
[
"mask-position",
{
"name": "mask-position",
"href": "https://drafts.csswg.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>#"
}
],
[
"mask-repeat",
{
"name": "mask-repeat",
"href": "https://drafts.csswg.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>#"
}
],
[
"mask-size",
{
"name": "mask-size",
"href": "https://drafts.csswg.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>#"
}
],
[
"mask-type",
{
"name": "mask-type",
"href": "https://drafts.csswg.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"
}
],
[
"math-depth",
{
"name": "math-depth",
"href": "https://w3c.github.io/mathml-core/#propdef-math-depth",
"initial": "0",
"appliesTo": "All elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "an integer, see below",
"canonicalOrder": "n/a",
"animationType": "by computed value type",
"media": "visual",
"styleDeclaration": [
"math-depth",
"mathDepth"
],
"syntax": "auto-add | add(<integer>) | <integer>"
}
],
[
"math-shift",
{
"name": "math-shift",
"href": "https://w3c.github.io/mathml-core/#propdef-math-shift",
"initial": "normal",
"appliesTo": "All elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "by computed value type",
"media": "visual",
"styleDeclaration": [
"math-shift",
"mathShift"
],
"syntax": "normal | compact"
}
],
[
"math-style",
{
"name": "math-style",
"href": "https://w3c.github.io/mathml-core/#propdef-math-style",
"initial": "normal",
"appliesTo": "All elements",
"inherited": "yes",
"percentages": "n/a",
"computedValue": "specified keyword",
"canonicalOrder": "n/a",
"animationType": "by computed value type",
"media": "visual",
"styleDeclaration": [
"math-style",
"mathStyle"
],
"syntax": "normal | compact"
}
],
[
"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'>"
}
],
[
"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"
}
],
[
"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'>"
}
],
[
"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,∞]>"
}
],
[
"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"
}
],
[
"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'>"
}
],
[
"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"
}
],
[
"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'>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"mix-blend-mode",
{
"name": "mix-blend-mode",
"href": "https://drafts.csswg.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",
"animationType": "discrete",
"media": "visual",
"styleDeclaration": [
"mix-blend-mode",
"mixBlendMode"
],
"syntax": "<blend-mode> | plus-lighter"
}
],
[
"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> ]?"
}
],
[
"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> ]?"
}
],
[
"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> ]?"
}
],
[
"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> ]?"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"object-view-box",
{
"name": "object-view-box",
"href": "https://drafts.csswg.org/css-images-5/#propdef-object-view-box",
"initial": "none",
"appliesTo": "replaced elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified keyword, or computed <basic-shape> function",
"canonicalOrder": "per grammar",
"animationType": "as <basic-shape> if possible, otherwise discrete",
"styleDeclaration": [
"object-view-box",
"objectViewBox"
],
"syntax": "none | <basic-shape-rect>"
}
],
[
"offset",
{
"name": "offset",
"href": "https://drafts.csswg.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"
],
"longhands": [
"offset-path",
"offset-distance",
"offset-rotate",
"offset-anchor",
"offset-position"
],
"syntax": "[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?"
}
],
[
"offset-anchor",
{
"name": "offset-anchor",
"href": "https://drafts.csswg.org/motion-1/#propdef-offset-anchor",
"initial": "auto",
"appliesTo": "transformable elements",
"inherited": "no",
"percentages": "relative to the width and the height of the element’s 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>"
}
],
[
"offset-distance",
{
"name": "offset-distance",
"href": "https://drafts.csswg.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>"
}
],
[
"offset-path",
{
"name": "offset-path",
"href": "https://drafts.csswg.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>"
}
],
[
"offset-position",
{
"name": "offset-position",
"href": "https://drafts.csswg.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>"
}
],
[
"offset-rotate",
{
"name": "offset-rotate",
"href": "https://drafts.csswg.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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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,∞]>"
}
],
[
"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"
],
"longhands": [
"outline-width",
"outline-style",
"outline-color"
],
"syntax": "<'outline-width'> || <'outline-style'> || <'outline-color'>"
}
],
[
"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'>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"overflow-x",
"overflow-y"
],
"syntax": "<'overflow-block'>{1,2}"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"overflow-clip-margin-top",
"overflow-clip-margin-right",
"overflow-clip-margin-bottom",
"overflow-clip-margin-left"
],
"syntax": "<visual-box> || <length>"
}
],
[
"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"
],
"longhands": [
"overflow-clip-margin-block-start",
"overflow-clip-margin-block-end"
],
"syntax": "<visual-box> || <length>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"overflow-clip-margin-inline-start",
"overflow-clip-margin-inline-end"
],
"syntax": "<visual-box> || <length>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"overscroll-behavior-x",
"overscroll-behavior-y"
],
"syntax": "[ contain | none | auto ]{1,2}"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"padding-top",
"padding-right",
"padding-bottom",
"padding-left"
],
"syntax": "<'padding-top'>{1,4}"
}
],
[
"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"
],
"longhands": [
"padding-block-start",
"padding-block-end"
],
"syntax": "<'padding-top'>{1,2}"
}
],
[
"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'>"
}
],
[
"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'>"
}
],
[
"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,∞]>"
}
],
[
"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"
],
"longhands": [
"padding-inline-start",
"padding-inline-end"
],
"syntax": "<'padding-top'>{1,2}"
}
],
[
"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'>"
}
],
[
"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'>"
}
],
[
"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,∞]>"
}
],
[
"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,∞]>"
}
],
[
"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,∞]>"
}
],
[
"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>"
}
],
[
"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",
"animationType": "discrete",
"media": "visual, paged",
"styleDeclaration": [
"page-break-after",
"pageBreakAfter"
],
"syntax": "auto | always | avoid | left | right | inherit"
}
],
[
"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",
"animationType": "discrete",
"media": "visual, paged",
"styleDeclaration": [
"page-break-before",
"pageBreakBefore"
],
"syntax": "auto | always | avoid | left | right | inherit"
}
],
[
"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",
"animationType": "discrete",
"media": "visual, paged",
"styleDeclaration": [
"page-break-inside",
"pageBreakInside"
],
"syntax": "avoid | auto | inherit"
}
],
[
"paint-order",
{
"name": "paint-order",
"href": "https://w3c.github.io/svgwg/svg2-draft/painting.html#PaintOrderProperty",
"initial": "normal",
"appliesTo": "shapes and text content elements",
"inherited": "yes",
"percentages": "N/A",
"media": "visual",
"computedValue": "as specified",
"animationType": "discrete",
"styleDeclaration": [
"paint-order",
"paintOrder"
],
"syntax": "normal | [ fill || stroke || markers ]"
}
],
[
"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",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"pause"
],
"longhands": [
"pause-before",
"pause-after"
],
"syntax": "<'pause-before'> <'pause-after'>?"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"pause-after",
"pauseAfter"
],
"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"pause-before",
"pauseBefore"
],
"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
}
],
[
"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,∞]>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"align-content",
"justify-content"
],
"syntax": "<'align-content'> <'justify-content'>?"
}
],
[
"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"
],
"longhands": [
"align-items",
"justify-items"
],
"syntax": "<'align-items'> <'justify-items'>?"
}
],
[
"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"
],
"longhands": [
"align-self",
"justify-self"
],
"syntax": "<'align-self'> <'justify-self'>?"
}
],
[
"pointer-events",
{
"name": "pointer-events",
"href": "https://w3c.github.io/svgwg/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"
}
],
[
"pointer-timeline",
{
"name": "pointer-timeline",
"href": "https://drafts.csswg.org/pointer-animations-1/#propdef-pointer-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": [
"pointer-timeline",
"pointerTimeline"
],
"longhands": [
"pointer-timeline-name",
"pointer-timeline-axis"
],
"syntax": "[ <'pointer-timeline-name'> <'pointer-timeline-axis'>? ]#"
}
],
[
"pointer-timeline-axis",
{
"name": "pointer-timeline-axis",
"href": "https://drafts.csswg.org/pointer-animations-1/#propdef-pointer-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": [
"pointer-timeline-axis",
"pointerTimelineAxis"
],
"syntax": "[ block | inline | x | y ]#"
}
],
[
"pointer-timeline-name",
{
"name": "pointer-timeline-name",
"href": "https://drafts.csswg.org/pointer-animations-1/#propdef-pointer-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": [
"pointer-timeline-name",
"pointerTimelineName"
],
"syntax": "[ none | <dashed-ident> ]#"
}
],
[
"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()>"
}
],
[
"position-anchor",
{
"name": "position-anchor",
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-anchor",
"initial": "normal",
"appliesTo": "absolutely positioned boxes",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"position-anchor",
"positionAnchor"
],
"syntax": "normal | none | auto | <anchor-name> | match-parent"
}
],
[
"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": "discrete",
"styleDeclaration": [
"position-area",
"positionArea"
],
"syntax": "none | <position-area>"
}
],
[
"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"
],
"longhands": [
"position-try-order",
"position-try-fallbacks"
],
"syntax": "<'position-try-order'>? <'position-try-fallbacks'>"
}
],
[
"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> ]#"
}
],
[
"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>"
}
],
[
"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 ]"
}
],
[
"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"
}
],
[
"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> ]+"
}
],
[
"r",
{
"name": "r",
"href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#RProperty",
"initial": "0",
"appliesTo": "‘circle’ element",
"inherited": "no",
"percentages": "refer to the normalized diagonal of the current SVG viewport (see Units)",
"media": "visual",
"computedValue": "an absolute length or percentage",
"animationType": "by computed value",
"styleDeclaration": [
"r"
],
"syntax": "<length-percentage>"
}
],
[
"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"
}
],
[
"reading-order",
{
"name": "reading-order",
"href": "https://drafts.csswg.org/css-display-4/#propdef-reading-order",
"initial": "0",
"appliesTo": "Direct block-level, grid item, or flex item children of a reading flow container.",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified integer",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"reading-order",
"readingOrder"
],
"syntax": "<integer>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rest"
],
"longhands": [
"rest-before",
"rest-after"
],
"syntax": "<'rest-before'> <'rest-after'>?"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"rest-after",
"restAfter"
],
"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"rest-before",
"restBefore"
],
"syntax": "<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong"
}
],
[
"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()>"
}
],
[
"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>"
}
],
[
"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,∞]> | <line-width>"
}
],
[
"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"
],
"longhands": [
"row-rule-width",
"row-rule-style",
"row-rule-color"
],
"syntax": "<gap-rule-list> | <gap-auto-rule-list>"
}
],
[
"row-rule-break",
{
"name": "row-rule-break",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-break",
"initial": "normal",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"row-rule-break",
"rowRuleBreak"
],
"syntax": "none | normal | intersection"
}
],
[
"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 grid lanes containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "repeatable list, see § 4.7 Interpolation of list values.",
"styleDeclaration": [
"row-rule-color",
"rowRuleColor"
],
"syntax": "<line-color-list> | <auto-line-color-list>"
}
],
[
"row-rule-edge-inset",
{
"name": "row-rule-edge-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-start, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-edge-inset-end, row-rule-interior-inset-start, and row-rule-interior-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"row-rule-edge-inset",
"rowRuleEdgeInset"
],
"longhands": [
"row-rule-edge-inset-start",
"row-rule-edge-inset-end"
],
"syntax": "<length-percentage> [ <length-percentage> ]?"
}
],
[
"row-rule-edge-inset-end",
{
"name": "row-rule-edge-inset-end",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset-end",
"initial": "0",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"row-rule-edge-inset-end",
"rowRuleEdgeInsetEnd"
],
"syntax": "<length-percentage>"
}
],
[
"row-rule-edge-inset-start",
{
"name": "row-rule-edge-inset-start",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset-start",
"initial": "0",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"row-rule-edge-inset-start",
"rowRuleEdgeInsetStart"
],
"syntax": "<length-percentage>"
}
],
[
"row-rule-inset",
{
"name": "row-rule-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset, column-rule-interior-inset, row-rule-edge-inset, and row-rule-interior-inset",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"row-rule-inset",
"rowRuleInset"
],
"longhands": [
"row-rule-edge-inset-start",
"row-rule-edge-inset-end",
"row-rule-interior-inset-start",
"row-rule-interior-inset-end"
],
"syntax": "<'column-rule-edge-inset'> [ / <'column-rule-interior-inset'> ]?"
}
],
[
"row-rule-inset-end",
{
"name": "row-rule-inset-end",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-end",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"row-rule-inset-end",
"rowRuleInsetEnd"
],
"longhands": [
"row-rule-edge-inset-end",
"row-rule-interior-inset-end"
],
"syntax": "<length-percentage>"
}
],
[
"row-rule-inset-start",
{
"name": "row-rule-inset-start",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-start",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"row-rule-inset-start",
"rowRuleInsetStart"
],
"longhands": [
"row-rule-edge-inset-start",
"row-rule-interior-inset-start"
],
"syntax": "<length-percentage>"
}
],
[
"row-rule-interior-inset",
{
"name": "row-rule-interior-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-interior-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-start, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-edge-inset-end, row-rule-interior-inset-start, and row-rule-interior-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"row-rule-interior-inset",
"rowRuleInteriorInset"
],
"longhands": [
"row-rule-interior-inset-start",
"row-rule-interior-inset-end"
],
"syntax": "<length-percentage> [ <length-percentage> ]?"
}
],
[
"row-rule-interior-inset-end",
{
"name": "row-rule-interior-inset-end",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-interior-inset-end",
"initial": "0",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"row-rule-interior-inset-end",
"rowRuleInteriorInsetEnd"
],
"syntax": "<length-percentage>"
}
],
[
"row-rule-interior-inset-start",
{
"name": "row-rule-interior-inset-start",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-interior-inset-start",
"initial": "0",
"appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
"inherited": "no",
"percentages": "refer to the crossing gap width",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "by computed value type",
"styleDeclaration": [
"row-rule-interior-inset-start",
"rowRuleInteriorInsetStart"
],
"syntax": "<length-percentage>"
}
],
[
"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 grid lanes 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>"
}
],
[
"row-rule-visibility-items",
{
"name": "row-rule-visibility-items",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-visibility-items",
"initial": "normal",
"appliesTo": "grid containers and multicol containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"row-rule-visibility-items",
"rowRuleVisibilityItems"
],
"syntax": "all | around | between | normal"
}
],
[
"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 grid lanes containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "list of absolute lengths, snapped as a border width",
"canonicalOrder": "per grammar",
"animationType": "repeatable list, see § 4.7 Interpolation of list values.",
"styleDeclaration": [
"row-rule-width",
"rowRuleWidth"
],
"syntax": "<line-width-list> | <auto-line-width-list>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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 | spaces"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"column-rule",
"row-rule"
],
"syntax": "<'column-rule'>"
}
],
[
"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"
],
"longhands": [
"column-rule-break",
"row-rule-break"
],
"syntax": "<'column-rule-break'>"
}
],
[
"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"
],
"longhands": [
"column-rule-color",
"row-rule-color"
],
"syntax": "<'column-rule-color'>"
}
],
[
"rule-edge-inset",
{
"name": "rule-edge-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-edge-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-edge-inset and row-rule-edge-inset",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-edge-inset",
"ruleEdgeInset"
],
"longhands": [
"column-rule-edge-inset",
"row-rule-edge-inset"
],
"syntax": "<'column-rule-edge-inset'>"
}
],
[
"rule-inset",
{
"name": "rule-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-inset and row-rule-inset",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-inset",
"ruleInset"
],
"longhands": [
"column-rule-inset",
"row-rule-inset"
],
"syntax": "<'column-rule-inset'>"
}
],
[
"rule-inset-end",
{
"name": "rule-inset-end",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-end",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-inset-end and row-rule-inset-end",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-inset-end",
"ruleInsetEnd"
],
"longhands": [
"column-rule-inset-end",
"row-rule-inset-end"
],
"syntax": "<'column-rule-inset-end'>"
}
],
[
"rule-inset-start",
{
"name": "rule-inset-start",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-start",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-inset-start and row-rule-inset-start",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-inset-start",
"ruleInsetStart"
],
"longhands": [
"column-rule-inset-start",
"row-rule-inset-start"
],
"syntax": "<'column-rule-inset-start'>"
}
],
[
"rule-interior-inset",
{
"name": "rule-interior-inset",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-interior-inset",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-interior-inset and row-rule-interior-inset",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-interior-inset",
"ruleInteriorInset"
],
"longhands": [
"column-rule-interior-inset",
"row-rule-interior-inset"
],
"syntax": "<'column-rule-interior-inset'>"
}
],
[
"rule-overlap",
{
"name": "rule-overlap",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-overlap",
"initial": "row-over-column",
"appliesTo": "grid containers, flex containers, and grid lanes containers",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"rule-overlap",
"ruleOverlap"
],
"syntax": "row-over-column | column-over-row"
}
],
[
"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"
],
"longhands": [
"column-rule-style",
"row-rule-style"
],
"syntax": "<'column-rule-style'>"
}
],
[
"rule-visibility-items",
{
"name": "rule-visibility-items",
"href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-visibility-items",
"initial": "see individual properties",
"appliesTo": "Same as column-rule-visibility-items and row-rule-visibility-items",
"inherited": "see individual properties",
"percentages": "see individual properties",
"computedValue": "see individual properties",
"animationType": "see individual properties",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"rule-visibility-items",
"ruleVisibilityItems"
],
"longhands": [
"column-rule-visibility-items"
],
"syntax": "<'column-rule-visibility-items'>"
}
],
[
"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"
],
"longhands": [
"column-rule-width",
"row-rule-width"
],
"syntax": "<'column-rule-width'>"
}
],
[
"rx",
{
"name": "rx",
"href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#RxProperty",
"initial": "auto",
"appliesTo": "‘ellipse’, ‘rect’ elements",
"inherited": "no",
"percentages": "refer to the width of the current SVG viewport (see Units)",
"media": "visual",
"computedValue": "an absolute length or percentage",
"animationType": "by computed value",
"styleDeclaration": [
"rx"
],
"syntax": "<length-percentage> | auto"
}
],
[
"ry",
{
"name": "ry",
"href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#RyProperty",
"initial": "auto",
"appliesTo": "‘ellipse’, ‘rect’",
"inherited": "no",
"percentages": "refer to the height of the current SVG viewport (see Units)",
"media": "visual",
"computedValue": "an absolute length or percentage",
"animatableType": "by computed value",
"styleDeclaration": [
"ry"
],
"syntax": "<length-percentage> | auto"
}
],
[
"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}"
}
],
[
"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"
}
],
[
"scroll-initial-target",
{
"name": "scroll-initial-target",
"href": "https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-initial-target",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword",
"canonicalOrder": "per grammar",
"animationType": "none",
"styleDeclaration": [
"scroll-initial-target",
"scrollInitialTarget"
],
"syntax": "none | nearest"
}
],
[
"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"
],
"longhands": [
"scroll-margin-top",
"scroll-margin-right",
"scroll-margin-bottom",
"scroll-margin-left"
],
"syntax": "<length>{1,4}"
}
],
[
"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"
],
"longhands": [
"scroll-margin-block-start",
"scroll-margin-block-end"
],
"syntax": "<length>{1,2}"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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"
],
"longhands": [
"scroll-margin-inline-start",
"scroll-margin-inline-end"
],
"syntax": "<length>{1,2}"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"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 keyword(s)",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"scroll-marker-group",
"scrollMarkerGroup"
],
"syntax": "none | [ [ before | after ] || [ links | tabs ] ]"
}
],
[
"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 container’s 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"
],
"longhands": [
"scroll-padding-top",
"scroll-padding-right",
"scroll-padding-bottom",
"scroll-padding-left"
],
"syntax": "[ auto | <length-percentage [0,∞]> ]{1,4}"
}
],
[
"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 container’s scrollport",
"computedValue": "see individual properties",
"animationType": "by computed value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"scroll-padding-block",
"scrollPaddingBlock"
],
"longhands": [
"scroll-padding-block-start",
"scroll-padding-block-end"
],
"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
}
],
[
"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 container’s 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,∞]>"
}
],
[
"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 container’s 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,∞]>"
}
],
[
"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 container’s 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,∞]>"
}
],
[
"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 container’s scrollport",
"computedValue": "see individual properties",
"animationType": "by computed value",
"canonicalOrder": "per grammar",
"styleDeclaration": [
"scroll-padding-inline",
"scrollPaddingInline"
],
"longhands": [
"scroll-padding-inline-start",
"scroll-padding-inline-end"
],
"syntax": "[ auto | <length-percentage [0,∞]> ]{1,2}"
}
],
[
"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 container’s 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,∞]>"
}
],
[
"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 container’s 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,∞]>"
}
],
[
"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 container’s 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,∞]>"
}
],
[
"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 container’s 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,∞]>"
}
],
[
"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 container’s 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,∞]>"
}
],
[
"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}"
}
],
[
"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"
}
],
[
"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 ]?"
}
],
[
"scroll-target-group",
{
"name": "scroll-target-group",
"href": "https://drafts.csswg.org/css-overflow-5/#propdef-scroll-target-group",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "specified value",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"scroll-target-group",
"scrollTargetGroup"
],
"syntax": "none | auto"
}
],
[
"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"
],
"longhands": [
"scroll-timeline-name",
"scroll-timeline-axis"
],
"syntax": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#"
}
],
[
"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 ]#"
}
],
[
"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> ]#"
}
],
[
"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}"
}
],
[
"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?"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"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,∞]>"
}
],
[
"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>"
}
],
[
"shape-padding",
{
"name": "shape-padding",
"href": "https://drafts.csswg.org/css-shapes-2/#propdef-shape-padding",
"initial": "0",
"appliesTo": "block-level elements",
"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-padding",
"shapePadding"
],
"syntax": "<length-percentage [0,∞]>"
}
],
[
"shape-rendering",
{
"name": "shape-rendering",
"href": "https://w3c.github.io/svgwg/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"
}
],
[
"shape-subtract",
{
"name": "shape-subtract",
"href": "https://w3c.github.io/svgwg/svg2-draft/text.html#ShapesubtractProperty",
"initial": "none",
"appliesTo": "‘text’ elements",
"inherited": "no",
"percentages": "Relative to the ‘viewBox’",
"media": "visual",
"computedValue": "computed lengths for any <basic-shape>, the absolute URI for <uri>, otherwise as specified",
"animationType": "See Interpolation of Basic Shapes",
"styleDeclaration": [
"shape-subtract",
"shapeSubtract"
],
"syntax": "none | [ <basic-shape> | <uri> ]+"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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",
"animationType": "discrete",
"styleDeclaration": [
"speak"
],
"syntax": "auto | never | always"
}
],
[
"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",
"animationType": "discrete",
"styleDeclaration": [
"speak-as",
"speakAs"
],
"syntax": "normal | spell-out || digits || [ literal-punctuation | no-punctuation ]"
}
],
[
"stop-color",
{
"name": "stop-color",
"href": "https://w3c.github.io/svgwg/svg2-draft/pservers.html#StopColorProperty",
"styleDeclaration": [
"stop-color",
"stopColor"
],
"syntax": "<'color'>"
}
],
[
"stop-opacity",
{
"name": "stop-opacity",
"href": "https://w3c.github.io/svgwg/svg2-draft/pservers.html#StopOpacityProperty",
"styleDeclaration": [
"stop-opacity",
"stopOpacity"
],
"syntax": "<'opacity'>"
}
],
[
"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>+ ]#"
}
],
[
"stroke",
{
"name": "stroke",
"href": "https://w3c.github.io/svgwg/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>"
}
],
[
"stroke-align",
{
"name": "stroke-align",
"href": "https://drafts.csswg.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"
}
],
[
"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"
}
],
[
"stroke-break",
{
"name": "stroke-break",
"href": "https://drafts.csswg.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"
}
],
[
"stroke-color",
{
"name": "stroke-color",
"href": "https://drafts.csswg.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>#"
}
],
[
"stroke-dash-corner",
{
"name": "stroke-dash-corner",
"href": "https://drafts.csswg.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>"
}
],
[
"stroke-dash-justify",
{
"name": "stroke-dash-justify",
"href": "https://drafts.csswg.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 ]"
}
],
[
"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]?"
}
],
[
"stroke-dasharray",
{
"name": "stroke-dasharray",
"href": "https://drafts.csswg.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>]+#"
}
],
[
"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>"
}
],
[
"stroke-dashoffset",
{
"name": "stroke-dashoffset",
"href": "https://drafts.csswg.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>"
}
],
[
"stroke-image",
{
"name": "stroke-image",
"href": "https://drafts.csswg.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>#"
}
],
[
"stroke-linecap",
{
"name": "stroke-linecap",
"href": "https://drafts.csswg.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"
}
],
[
"stroke-linejoin",
{
"name": "stroke-linejoin",
"href": "https://drafts.csswg.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 ]"
}
],
[
"stroke-miterlimit",
{
"name": "stroke-miterlimit",
"href": "https://drafts.csswg.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>"
}
],
[
"stroke-opacity",
{
"name": "stroke-opacity",
"href": "https://drafts.csswg.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'>"
}
],
[
"stroke-origin",
{
"name": "stroke-origin",
"href": "https://drafts.csswg.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"
}
],
[
"stroke-position",
{
"name": "stroke-position",
"href": "https://drafts.csswg.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>#"
}
],
[
"stroke-repeat",
{
"name": "stroke-repeat",
"href": "https://drafts.csswg.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>#"
}
],
[
"stroke-size",
{
"name": "stroke-size",
"href": "https://drafts.csswg.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>#"
}
],
[
"stroke-width",
{
"name": "stroke-width",
"href": "https://drafts.csswg.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> | <line-width> | <number> ]#"
}
],
[
"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,∞]>"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"text-align-all",
"text-align-last"
],
"syntax": "start | end | left | right | center | <string> | justify | match-parent | justify-all"
}
],
[
"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"
}
],
[
"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"
}
],
[
"text-anchor",
{
"name": "text-anchor",
"href": "https://w3c.github.io/svgwg/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"
}
],
[
"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"
}
],
[
"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'>"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"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]>? ]"
}
],
[
"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"
],
"longhands": [
"text-decoration-line",
"text-decoration-thickness",
"text-decoration-style",
"text-decoration-color"
],
"syntax": "<'text-decoration-line'> || <'text-decoration-thickness'> || <'text-decoration-style'> || <'text-decoration-color'>"
}
],
[
"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>"
}
],
[
"text-decoration-inset",
{
"name": "text-decoration-inset",
"href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-inset",
"initial": "0",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "specified keyword or absolute length",
"canonicalOrder": "per grammar",
"animationType": "by computed value",
"styleDeclaration": [
"text-decoration-inset",
"textDecorationInset"
],
"syntax": "<length>{1,2} | auto"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"text-decoration-skip-self",
"text-decoration-skip-box",
"text-decoration-skip-spaces",
"text-decoration-skip-ink"
],
"syntax": "none | auto"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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 ]"
}
],
[
"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"
}
],
[
"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> | <line-width>"
}
],
[
"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"
],
"longhands": [
"text-emphasis-style",
"text-emphasis-color"
],
"syntax": "<'text-emphasis-style'> || <'text-emphasis-color'>"
}
],
[
"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>"
}
],
[
"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 ]?"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"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 container’s 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?"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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}"
}
],
[
"text-rendering",
{
"name": "text-rendering",
"href": "https://w3c.github.io/svgwg/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"
}
],
[
"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>#"
}
],
[
"text-size-adjust",
{
"name": "text-size-adjust",
"href": "https://drafts.csswg.org/css-size-adjust-1/#propdef-text-size-adjust",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "yes",
"percentages": "see below",
"computedValue": "specified keyword or percentage",
"canonicalOrder": "N/A",
"animationType": "by computed value",
"styleDeclaration": [
"text-size-adjust",
"textSizeAdjust"
],
"syntax": "auto | none | <percentage [0,∞]>"
}
],
[
"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"
],
"longhands": [
"text-spacing-trim",
"text-autospace"
],
"syntax": "none | auto | <spacing-trim> || <autospace>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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>"
}
],
[
"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 ]"
}
],
[
"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"
],
"longhands": [
"text-wrap-mode",
"text-wrap-style"
],
"syntax": "<'text-wrap-mode'> || <'text-wrap-style'>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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, the keyword all, or a list of CSS identifiers",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"timeline-scope",
"timelineScope"
],
"syntax": "none | all | <dashed-ident>#"
}
],
[
"timeline-trigger",
{
"name": "timeline-trigger",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger",
"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": [
"timeline-trigger",
"timelineTrigger"
],
"longhands": [
"timeline-trigger-name",
"timeline-trigger-source",
"timeline-trigger-activation-range",
"timeline-trigger-active-range"
],
"syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-activation-range'> [ '/' <'timeline-trigger-active-range'> ]? ]#"
}
],
[
"timeline-trigger-activation-range",
{
"name": "timeline-trigger-activation-range",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-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": [
"timeline-trigger-activation-range",
"timelineTriggerActivationRange"
],
"longhands": [
"timeline-trigger-activation-range-start",
"timeline-trigger-activation-range-end"
],
"syntax": "[ <'timeline-trigger-activation-range-start'> <'timeline-trigger-activation-range-end'>? ]#"
}
],
[
"timeline-trigger-activation-range-end",
{
"name": "timeline-trigger-activation-range-end",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-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": [
"timeline-trigger-activation-range-end",
"timelineTriggerActivationRangeEnd"
],
"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
}
],
[
"timeline-trigger-activation-range-start",
{
"name": "timeline-trigger-activation-range-start",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-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": [
"timeline-trigger-activation-range-start",
"timelineTriggerActivationRangeStart"
],
"syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
}
],
[
"timeline-trigger-active-range",
{
"name": "timeline-trigger-active-range",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-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": [
"timeline-trigger-active-range",
"timelineTriggerActiveRange"
],
"longhands": [
"timeline-trigger-active-range-start",
"timeline-trigger-active-range-end"
],
"syntax": "[ <'timeline-trigger-active-range-start'> <'timeline-trigger-active-range-end'>? ]#"
}
],
[
"timeline-trigger-active-range-end",
{
"name": "timeline-trigger-active-range-end",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-end",
"initial": "auto",
"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": [
"timeline-trigger-active-range-end",
"timelineTriggerActiveRangeEnd"
],
"syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
}
],
[
"timeline-trigger-active-range-start",
{
"name": "timeline-trigger-active-range-start",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-start",
"initial": "auto",
"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": [
"timeline-trigger-active-range-start",
"timelineTriggerActiveRangeStart"
],
"syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#"
}
],
[
"timeline-trigger-name",
{
"name": "timeline-trigger-name",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-name",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "N/A",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"timeline-trigger-name",
"timelineTriggerName"
],
"syntax": "none | <dashed-ident>#"
}
],
[
"timeline-trigger-source",
{
"name": "timeline-trigger-source",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-source",
"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": [
"timeline-trigger-source",
"timelineTriggerSource"
],
"syntax": "<single-animation-timeline>#"
}
],
[
"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()>"
}
],
[
"touch-action",
{
"name": "touch-action",
"href": "https://compat.spec.whatwg.org/#propdef-touch-action",
"initial": "auto",
"appliesTo": "all elements except: non-replaced inline elements, table rows, row groups, table columns, and column groups.",
"inherited": "no",
"percentages": "N/A",
"computedValue": "Same as specified value",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"media": "visual",
"styleDeclaration": [
"touch-action",
"touchAction"
],
"syntax": "auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"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>?"
}
],
[
"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"
}
],
[
"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"
],
"longhands": [
"transition-property",
"transition-duration",
"transition-timing-function",
"transition-delay",
"transition-behavior"
],
"syntax": "<single-transition>#"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"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,∞]>#"
}
],
[
"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>#"
}
],
[
"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>#"
}
],
[
"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>? ]?"
}
],
[
"trigger-scope",
{
"name": "trigger-scope",
"href": "https://drafts.csswg.org/animation-triggers-1/#propdef-trigger-scope",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"styleDeclaration": [
"trigger-scope",
"triggerScope"
],
"syntax": "none | all | <dashed-ident>#"
}
],
[
"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"
}
],
[
"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"
}
],
[
"vector-effect",
{
"name": "vector-effect",
"href": "https://w3c.github.io/svgwg/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"
}
],
[
"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"
],
"longhands": [
"alignment-baseline",
"baseline-shift",
"baseline-source"
],
"syntax": "[ first | last] || <'alignment-baseline'> || <'baseline-shift'>"
}
],
[
"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"
],
"longhands": [
"view-timeline-name",
"view-timeline-axis"
],
"syntax": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#"
}
],
[
"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 ]#"
}
],
[
"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} ]#"
}
],
[
"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> ]#"
}
],
[
"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>+"
}
],
[
"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>"
}
],
[
"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>"
}
],
[
"view-transition-scope",
{
"name": "view-transition-scope",
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-scope",
"initial": "none",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "n/a",
"computedValue": "as specified",
"canonicalOrder": "per grammar",
"animationType": "discrete",
"styleDeclaration": [
"view-transition-scope",
"viewTransitionScope"
],
"syntax": "none | all"
}
],
[
"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"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"voice-balance",
"voiceBalance"
],
"syntax": "<number> | left | center | right | leftwards | rightwards"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"voice-duration",
"voiceDuration"
],
"syntax": "auto | <time [0s,∞]>"
}
],
[
"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",
"animationType": "discrete",
"styleDeclaration": [
"voice-family",
"voiceFamily"
],
"syntax": "[ <voice-family-name> | <generic-voice> ]# | preserve"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"voice-pitch",
"voicePitch"
],
"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency [0Hz,∞]> | <semitones> | <percentage> ] ]"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"voice-range",
"voiceRange"
],
"syntax": "<frequency [0Hz,∞]> && absolute | [ [ x-low | low | medium | high | x-high ] || [ <frequency [0Hz,∞]> | <semitones> | <percentage> ] ]"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"voice-rate",
"voiceRate"
],
"syntax": "[ normal | x-slow | slow | medium | fast | x-fast ] || <percentage [0,∞]>"
}
],
[
"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",
"animationType": "discrete",
"styleDeclaration": [
"voice-stress",
"voiceStress"
],
"syntax": "normal | strong | moderate | none | reduced"
}
],
[
"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",
"animationType": "by computed value type",
"styleDeclaration": [
"voice-volume",
"voiceVolume"
],
"syntax": "silent | [ [ x-soft | soft | medium | loud | x-loud ] || <decibel> ]"
}
],
[
"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"
],
"longhands": [
"white-space-collapse",
"text-wrap-mode"
],
"syntax": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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,∞]>"
}
],
[
"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"
}
],
[
"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>#"
}
],
[
"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"
}
],
[
"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?"
}
],
[
"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>"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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 element’s 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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"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"
}
],
[
"x",
{
"name": "x",
"href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#XProperty",
"initial": "0",
"appliesTo": "‘svg’, ‘rect’, ‘image’, ‘foreignObject’ elements",
"inherited": "no",
"percentages": "refer to the width of the current SVG viewport (see Units)",
"media": "visual",
"computedValue": "an absolute length or percentage",
"animationType": "by computed value",
"styleDeclaration": [
"x"
],
"syntax": "<length-percentage>"
}
],
[
"y",
{
"name": "y",
"href": "https://w3c.github.io/svgwg/svg2-draft/geometry.html#YProperty",
"initial": "0",
"appliesTo": "‘svg’, ‘rect’, ‘image’, ‘foreignObject’ elements",
"inherited": "no",
"percentages": "refer to the height of the current SVG viewport (see Units)",
"media": "visual",
"computedValue": "an absolute length or percentage",
"animationType": "by computed value",
"styleDeclaration": [
"y"
],
"syntax": "<length-percentage>"
}
],
[
"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",
"animationType": "by computed value type",
"media": "visual",
"styleDeclaration": [
"z-index",
"zIndex"
],
"syntax": "auto | <integer> | inherit"
}
],
[
"zoom",
{
"name": "zoom",
"href": "https://drafts.csswg.org/css-viewport/#propdef-zoom",
"initial": "1",
"appliesTo": "all <length> property values of all elements",
"inherited": "no",
"percentages": "Converted to <number>",
"computedValue": "as specified, but with <percentage> converted to the equivalent <number>",
"canonicalOrder": "per grammar",
"animationType": "not animatable",
"media": "visual",
"styleDeclaration": [
"zoom"
],
"syntax": "<number [0,∞]> | <percentage [0,∞]>"
}
]
]);