{

"instructions": [

"CSS Properties",

"",

"Some properties are used internally, but are not part of CSS. They are used to get",

"HTML4 compatibility in the rendering engine.",

"",

"Microsoft extensions are documented here:",

"http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp",

"",

"1. Possible Keys",

"",

"Keys that control CSS behavior:",

"",

"* inherited:",

"Whether the property is inherited.",

"",

"* animation-type:",

"Indicates what type of animation this CSS property supports. The possible",

"values are 'discrete', 'by computed value', 'repeatable list', 'see prose',",

"'not animatable', 'not animatable (needs triage)', 'not animatable (legacy)',",

"and 'not animatable (internal)'. This comes from the 'Animation Type' field",

"of property's definition.",

"",

"* initial:",

"Indicates the initial value for the property. This comes from the 'Initial'",

"field of property's definition.",

"",

"Keys that control code generation:",

"",

"* computed-style-initial:",

"Overrides the method name on Style::ComputedStyle to get the initial value for",

"the property. By default, \"initial\" + PropertyId is used (e.g.",

"initialBorderCollapse()).",

"",

"* computed-style-getter:",

"Overrides the method name on Style::ComputedStyle to get the current value for",

"the property. By default, the PropertyId with first letter lowercased",

"is used (e.g. borderCollapse()).",

"",

"* computed-style-setter:",

"Overrides the method name on Style::ComputedStyle to set the current value for",

"the property. By default, \"set\" + PropertyId is used (e.g.",

"setBorderCollapse()).",

"",

"* computed-style-name-for-methods:",

"Overrides the getter / setter / initial method names on Style::ComputedStyle.",

"For example, '\"computed-style-name-for-methods\": \"OverflowWrap\"' will use",

"\"overflowWrap() / setOverflowWrap() / initialOverflowWrap()\".",

"",

"* style-builder-custom:",

"A string that is \"All\", \"Initial\", \"Inherit\", or \"Value\" or some combination",

"of the latter three separated by '|' (e.g. \"Inherit|Value\"). These options",

"are described as follows:",

"",

"All - the CSS property requires special handling to set its initial value,",

"inherit value, and its value. Prefer this option over listing the individual",

"options.",

"",

"Initial - the CSS property requires special handling to set its initial value.",

"",

"Inherit - the CSS property requires special handling to set its inherit value.",

"",

"Value - the CSS property requires special handling to set its value, and a",

"regular converter helper cannot be used.",

"",

"The custom code for the property should be located in css/StyleBuilderCustom.h",

"and named applyValue[CSSPropertyName]().",

"",

"* visited-link-color-support:",

"Indicates that this CSS property is a color property with a",

"\"setVisitedLinkXXX()\" setter on Style::ComputedStyle to be called when",

"StyleResolver::applyPropertyToVisitedLinkStyle() return true.",

"The regular setter on Style::ComputedStyle will only be called if",

"StyleResolver::applyPropertyToRegularStyle() returns true.",

"",

"* color-property:",

"Indicates that this CSS property is color-related (populates",

"CSSProperty::isColorProperty().",

"",

"* fast-path-inherited:",

"Indicates that this CSS property can use the fast-path inheritance mechanism.",

"This generates code that disables the mechanism if the property is explicitly mutated.",

"",

"* disables-native-appearance",

"Indicates that this CSS property, when declared in the Author Origin,",

"will disable the native appearance of devolvable widgets.",

"",

"* logical-property-group:",

"Indicates that this CSS property belongs to a logical property group",

"(https://drafts.csswg.org/css-logical/#logical-property-group)",

"This is used for both logical properties that depend on writing-mode",

"and/or text-direction (for which CSSProperty::isDirectionAwareProperty()",

"returns true), and also for their physical counterparts.",

"If set, the value must be an object with these properties:",

" - name: a string identifying the logical property group. All logical",

" and physical properties in the same group should have the same name.",

" Examples: \"border-radius\", \"margin\", \"min-size\".",

" - resolver: a string with the mapping that will be used to convert to",

" the equivalent physical or logical property within the same group.",

" Also identifies the mapping logic of the group",

" (https://drafts.csswg.org/css-logical-1/#mapping-logic).",

" Examples: \"top-left\", \"block-start\", \"horizontal\".",

"",

"* coordinated-value-list-property:",

"Indicates that this CSS property is a CoordinatedValueList property. It must have",

"corresponding methods on the CoordinatedValueList value type's class.",

"",

"* font-property:",

"Indicates that this CSS property is font-related. It must have corresponding",

"methods on the FontDescription class.",

"",

"* separator:",

"Indicates separator for list-valued CSS property (populates",

"CSSProperty::listPropertySeparator().",

"",

"* skip-style-builder:",

"Ignore this property in the StyleBuilder.",

"",

"* longhands:",

"Indicated the array longhand property names associated with this shorthand",

"property. Shorthand properties should not use the StyleBuilder. An",

"ASSERT_NOT_REACHED() will be generated for this property in the StyleBuilder.",

"property1, property2, ... are the longhands for this shorthand property. A",

"corresponding \"StylePropertyShorthand propertyIdShorthand()\" function will be",

"generated in StylePropertyShorthandFunctions.h header.",

"",

"* top-priority:",

"Whether the property needs to be applied before high-priority properties",

"in CSS cascading order. Please justify usage with a comment in a corresponding",

"top-priority-reason field.",

"",

"* high-priority:",

"Whether the property needs to be applied before non-high-priority properties",

"in CSS cascading order. High priority properties must not accept <length>",

"values. All font-properties must be high-priority.",

"",

"* medium-priority:",

"Whether the property needs to be applied before non-medium-priority properties",

"in CSS cascading order.",

"",

"* sink-priority:",

"Whether the property needs to be applied at the end of its priority bucket",

"in CSS cascading order.",

"",

"* aliases:",

"An array of the alternative names for this property. Aliases are folded at",

"parse time and don't have their own CSSPropertyID.",

"",

"* cascade-alias:",

"An alternative name for this property that gets its own CSSPropertyID.",

"This allows parsing and compute style code to handle differences in allowed values.",

"In terms of cascade they behave like the same property.",

"Must also set skip-style-builder.",

"",

"* enable-if:",

"Indicates that code should only be generated for this property/value if the",

"specified macro define is enabled. Prefix the macro define with '!' to",

"generate code when the macro define is not enabled.",

"",

"* settings-flag:",

"The name of the flag on Settings (e.g. \"CSSOMViewSmoothScrolling\")",

"that conditionally enables the property.",

"",

"* parser-function-allows-number-or-integer-input:",

"Indicates that the properties allows <number> or <integer> as input. We'd",

"normally rely on the grammar to detect this but it is not available when using",

"custom parsing",

"",

"* parser-function:",

"Indicates that the property requires a custom parser and that the parser function",

"will be named whatever string is provided as the value.",

"",

"* parser-grammar:",

"An array of terms that define the grammar for the property.",

"",

"* parser-grammar-comment:",

"A comment specific to the `parser-grammar` value.",

"",

"* accepts-quirky-color:",

"Indicates the property is listed as support quirky colors in quirks mode",

"in https://drafts.csswg.org/css-color-4/#quirky-color.",

"",

"* accepts-quirky-length:",

"Indicates the property is listed as support quirky lengths in quirks mode",

"in https://drafts.csswg.org/css-values-4/#deprecated-quirky-length.",

"",

"* accepts-quirky-angle:",

"Indicates the property requires support for unitless angles. Only used for",

"two properties, glyph-orientation-horizontal and glyph-orientation-vertical,",

"though nothing in any standard requires this.",

"",

"2. Lesser known capabilities of this file format",

"",

"Conditional CSS keyword value:",

"",

"Typically the value of key \"values\" is an array of strings that represent the",

"CSS keyword values that are recognized by a CSS property. This array may also",

"contain objects of the form:",

"",

" {",

" \"value\": \"awesome\",",

" \"enable-if\": \"ENABLE_AWESOME_FEATURE\"",

" }",

"",

"The key \"value\" is the name of the conditional keyword and key \"enable-if\"",

"describes the code generation criterion. See the documentation for \"enable-if\"",

"above for more details.",

"",

"Conditional CSS property definition:",

"",

"A CSS property can have more than one definition so long as the key \"enable-if\"",

"differs in each definition. For example, ",

"",

" \"awesome-property\": [",

" {",

" \"inherited\": true,",

" ...,",

" \"codegen-properties\": {",

" ...",

" \"enable-if\": \"ENABLE_AWESOME_FEATURE\"",

" }",

" },",

" {",

" \"inherited\": false,",

" ...,",

" \"codegen-properties\": {",

" ...",

" \"enable-if\": \"!ENABLE_AWESOME_FEATURE\"",

" }",

" },",

" ...",

" ],",

"",

"The first definition in parse order whose \"enable-if\" criterion evaluates",

"to true is chosen for code generation."

],

"properties": {

"accent-color": {

"animation-type": "by computed value",

"inherited": true,

"initial": "auto",

"values": [

"auto"

],

"codegen-properties": {

"settings-flag": "accentColorEnabled",

"computed-style-storage-path": ["m_inheritedRareData"],

"computed-style-storage-kind": "reference",

"computed-style-type": "Style::AccentColor",

"color-property": true,

"color-property-traits-color-custom": true,

"color-property-traits-visited-link-color-custom": true,

"parser-grammar": "auto | <color>"

},

"specification": {

"category": "css-ui",

"url": "https://drafts.csswg.org/css-ui-4/#widget-accent"

}

},

"block-step": {

"codegen-properties": {

"longhands": [

"block-step-size",

"block-step-insert",

"block-step-align",

"block-step-round"

],

"settings-flag": "cssRhythmicSizingEnabled",

"parser-function": "consumeBlockStepShorthand",

"parser-grammar-unused": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",

"parser-grammar-unused-reason": "Needs support for shorthand grammars."

},

"specification": {

"category": "css-rhythm",

"url": "https://drafts.csswg.org/css-rhythm/#block-step"

},

"status": "in development"

},

"block-step-align": {

"animation-type": "discrete",

"initial": "auto",

"values": [

"auto",

"center",

"start",

"end"

],

"codegen-properties": {

"settings-flag": "cssRhythmicSizingEnabled",

"computed-style-storage-path": ["m_nonInheritedData", "rareData"],

"computed-style-storage-kind": "enum",

"computed-style-type": "BlockStepAlign",

"parser-grammar": "<<values>>",

"parser-exported": true

},

"specification": {

"category": "css-rhythm",

"url": "https://drafts.csswg.org/css-rhythm/#block-step-align"

},

"status": "in development"

},

"block-step-insert": {

"animation-type": "discrete",

"initial": "margin-box",

"values": [

"margin-box",

"padding-box",

"content-box"

],

"codegen-properties": {

"settings-flag": "cssRhythmicSizingEnabled",

"computed-style-storage-path": ["m_nonInheritedData", "rareData"],

"computed-style-storage-kind": "enum",

"computed-style-type": "BlockStepInsert",

"parser-grammar": "<<values>>",

"parser-exported": true

},

"specification": {

"category": "css-rhythm",

"url": "https://drafts.csswg.org/css-rhythm/#block-step-insert"

},

"status": "in development"

},

"block-step-round": {

"animation-type": "discrete",

"initial": "up",

"values": [

"up",

"down",

"nearest"

],

"codegen-properties": {

"settings-flag": "cssRhythmicSizingEnabled",

"computed-style-storage-path": ["m_nonInheritedData", "rareData"],

"computed-style-storage-kind": "enum",

"computed-style-type": "BlockStepRound",

"parser-grammar": "<<values>>",

"parser-exported": true

},

"specification": {

"category": "css-rhythm",

"url": "https://drafts.csswg.org/css-rhythm/#block-step-round"

},

"status": "in development"

},

"block-step-size": {

"animation-type": "by computed value",

"initial": "none",

"codegen-properties": {

"settings-flag": "cssRhythmicSizingEnabled",

"computed-style-storage-path": ["m_nonInheritedData", "rareData"],

"computed-style-storage-kind": "reference",

"computed-style-type": "Style::BlockStepSize",

"parser-grammar": "none | <length [0,inf]>",

"parser-exported": true

},

"specification": {

"category": "css-rhythm",

"url": "https://drafts.csswg.org/css-rhythm/#block-step-size"

},

"status": "in development"

},

"caret-color": {

"animation-type": "by computed value",

"inherited": true,

"initial": "auto",

"values": [

"auto"

],

"codegen-properties": {

"visited-link-color-support": true,

"color-property": true,

"color-property-traits-color-custom": true,

"color-property-traits-visited-link-color-custom": true,

"style-extractor-custom": true,

"computed-style-storage-path": ["m_inheritedRareData"],

"computed-style-storage-kind": "reference",

"computed-style-type": "Style::CaretColor",

"computed-style-visited-link-storage-path": ["m_inheritedRareData"],

"parser-grammar": "auto | <color>"

},

"specification": {

"category": "css-ui",

"url": "https://drafts.csswg.org/css-ui-4/#caret-color"

}

},

"color": {

"animation-type": "by computed value",

"inherited": true,

"initial": "Canvastext",

"codegen-properties": {

"accepts-quirky-color": true,

"animation-wrapper": "VisitedAffectedColorWrapper",

"visited-link-color-support": true,

"color-property": true,

"color-property-traits-color-custom": true,

"color-property-traits-visited-link-color-custom": true,

"style-builder-custom": "Initial|Value",

"style-extractor-custom": true,

"fast-path-inherited": true,

"skip-computed-style-initial": true,

"computed-style-getter-custom": true,

"computed-style-getter-exported": true,

"computed-style-getter-inline": false,

"computed-style-has-explicitly-set-policy": "all-author-origin",

"computed-style-has-explicitly-set-storage-path": ["m_inheritedFlags"],

"computed-style-has-explicitly-set-storage-container": "struct",

"computed-style-storage-path": ["m_inheritedData"],

"computed-style-storage-kind": "reference",

"computed-style-type": "WebCore::Color",

"computed-style-visited-link-storage-path": ["m_inheritedData"],

"computed-style-visited-dependent-exported": true,

"parser-grammar": "<color>"

},

"specification": {

"category": "css-color",

"url": "https://www.w3.org/TR/css-color-4/#the-color-property"

}

},

"continue": {

"animation-type": "discrete",

"initial": "auto",

"values": [

"auto",

"discard"

],

"codegen-properties": {

"settings-flag": "cssLineClampEnabled",

"computed-style-name-for-methods": "OverflowContinue",

"computed-style-storage-path": ["m_nonInheritedData", "rareData"],

"computed-style-storage-kind": "enum",

"computed-style-type": "OverflowContinue",

"parser-grammar": "<<values>>",

"parser-exported": true

},

"specification": {

"category": "css-overflow",

"url": "https://drafts.csswg.org/css-overflow-4/#continue"

},

"status": "experimental"

},

"direction": {

"animation-type": "not animatable",

"inherited": true,

"initial": "ltr",

"values": [

"ltr",

"rtl"

],

"codegen-properties": {

"style-extractor-custom": true,

"computed-style-has-explicitly-set-policy": "value-only",

"computed-style-has-explicitly-set-storage-path": ["m_nonInheritedData", "miscData"],

"computed-style-getter": "computedDirection",

"computed-style-getter-custom": true,

"computed-style-setter-custom": true,

"computed-style-setter-returns-if-changed": true,

"computed-style-storage-container": "struct",

"computed-style-storage-path": ["m_inheritedFlags"],

"computed-style-storage-kind": "enum",

"computed-style-type": "TextDirection",

"high-priority": true,

"parser-grammar": "<<values>>"

},

"specification": {

"category": "css-writing-modes",

"url": "https://www.w3.org/TR/css-writing-modes-3/#propdef-direction"

}

},

"display": {

"animation-type": "see prose",

"initial": "inline",

"values": [

"inline",

"block",

"flow",

"flow-root",

"list-item",

"inline-block",

"table",

"inline-table",

"table-row-group",

"table-header-group",

"table-footer-group",

"table-row",

"table-column-group",

"table-column",

"table-cell",

"table-caption",

"flex",

"inline-flex",

"grid",

"inline-grid",

{

"value": "grid-lanes",

"settings-flag": "gridLanesEnabled"

},

{

"value": "inline-grid-lanes",

"settings-flag": "gridLanesEnabled"

},

{

"value": "ruby",

"status": "unimplemented"

},

{

"value": "ruby-text-container",

"status": "unimplemented"

},

{

"value": "ruby-base",

"status": "unimplemented"

},

{

"value": "ruby-text",

"status": "unimplemented"

},

{

"value": "ruby-base-container",

"status": "unimplemented"

},

"contents",

"none",

{

"value": "-webkit-box",

"status": "obsolete",

"url": "https://compat.spec.whatwg.org/#css-keyword-mappings"

},

{

"value": "-webkit-inline-box",

"status": "obsolete",

"url": "https://compat.spec.whatwg.org/#css-keyword-mappings"

},

{

"value": "-webkit-flex",

"status": "obsolete"

},

{

"value": "-webkit-inline-flex",

"status": "obsolete"

},

{

"value": "compact",

"status": "removed",

"url": "https://www.w3.org/TR/REC-CSS2/visuren.html#compact",

"comment": "Removed in https://commits.webkit.org/r253917"

},

{

"value": "run-in",

"status": "removed",

"url": "https://www.w3.org/TR/css-display-3/#valdef-display-run-in",

"comment": "Removed in https://commits.webkit.org/r163560"

}

],

"codegen-properties": {

"animation-wrapper-requires-non-normalized-discrete-interpolation": true,

"high-priority": true,

"computed-style-getter-constexpr": true,

"computed-style-setter-custom": true,

"computed-style-storage-path": ["m_nonInheritedFlags"],

"computed-style-storage-container": "struct",

"computed-style-storage-kind": "raw",

"computed-style-type": "Style::Display",

"parser-function": "consumeDisplay",

"parser-grammar-unused": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> | <-webkit-display>",

"parser-grammar-unused-reason": "Needs support for transforming parsed input to minimal form."

},

"specification": {

"category": "css-display",

"url": "https://drafts.csswg.org/css-display-4/#propdef-display"

}

},

"field-sizing": {

"animation-type": "discrete",

"initial": "fixed",

"values": [

"fixed",

"content"

],

"codegen-properties": {

"parser-grammar": "<<values>>",

"computed-style-storage-path": ["m_nonInheritedData", "rareData"],

"computed-style-storage-kind": "enum",

"computed-style-type": "FieldSizing",

"settings-flag": "cssFieldSizingEnabled"

},

"specification": {

"category": "css-ui",

"url": "https://drafts.csswg.org/css-ui-4/#field-sizing"

}

},

"font-family": {

"animation-type": "discrete",

"inherited": true,

"initial": "@initial-font-family",

"initial-comment": "Current spec initial value is 'depends on user agent'",

"values": [

"serif",

"sans-serif",

"cursive",

"fantasy",

"monospace",

"math",

"system-ui",

{

"value": "emoji",

"status": "unimplemented"

},

{

"value": "fangsong",

"status": "unimplemented"

},

{

"value": "ui-serif",

"status": "unimplemented"

},

{

"value": "ui-sans-serif",

"status": "unimplemented"

},

{

"value": "ui-monospace",

"status": "unimplemented"

},

{

"value": "ui-rounded",

"status": "unimplemented"

},

{

"value": "-webkit-body",

"status": "non-standard"

}

],

"codegen-properties": {

"style-extractor-custom": true,

"style-builder-custom": "All",

"high-priority": true,

"skip-computed-style-initial": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-type": "Style::FontFamilies",

"parser-function": "consumeFontFamily",

"parser-grammar-unused": "[ <family-name> | <generic-family> | <-webkit-generic-family> ]#",

"parser-grammar-unused-reason": "Needs support for primitive <family-name>."

},

"specification": {

"category": "css-fonts",

"url": "https://drafts.csswg.org/css-fonts-4/#font-family-prop"

}

},

"font-size": {

"animation-type": "by computed value",

"inherited": true,

"initial": "medium",

"values": [

"x-small",

"xx-small",

"small",

"medium",

"large",

"x-large",

"xx-large",

"xxx-large",

"smaller",

"larger",

{

"value": "math",

"settings-flag": "cssMathDepthEnabled"

},

{

"value": "-webkit-xxx-large",

"status": "non-standard"

},

{

"value": "-webkit-ruby-text",

"status": "non-standard"

}

],

"codegen-properties": {

"accepts-quirky-length": true,

"animation-wrapper": "FontSizeWrapper",

"animation-wrapper-requires-override-parameters": [],

"style-builder-custom": "All",

"style-extractor-custom": true,

"high-priority": true,

"skip-computed-style-initial": true,

"computed-style-getter": "specifiedFontSize",

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-type": "float",

"parser-grammar": "<absolute-size> | <relative-size> | <length-percentage [0,inf]> | math@(settings-flag=cssMathDepthEnabled) | <-webkit-absolute-size> | <-webkit-relative-size>",

"parser-exported": true

},

"specification": {

"category": "css-fonts",

"url": "https://drafts.csswg.org/css-fonts-4/#font-size-prop"

}

},

"font-size-adjust": {

"animation-type": "by computed value",

"inherited": true,

"initial": "none",

"values": [

"none",

"ex-height",

"cap-height",

"ch-width",

"ic-width",

"ic-height",

"from-font"

],

"codegen-properties": {

"font-property": true,

"high-priority": true,

"separator": " ",

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "value",

"computed-style-type": "Style::FontSizeAdjust",

"parser-function": "consumeFontSizeAdjust",

"parser-function-allows-number-or-integer-input": true,

"parser-grammar-unused": "none | [ [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,inf]> ] ]",

"parser-grammar-unused-reason": "Needs support for default values on optionals.",

"parser-grammar-comment": "Current spec grammar is 'none | <number [0,inf]>'"

},

"specification": {

"category": "css-fonts",

"url": "https://drafts.csswg.org/css-fonts-4/#font-size-adjust-prop"

}

},

"font-style": {

"animation-type": "by computed value",

"inherited": true,

"initial": "normal",

"values": [

"normal",

"italic",

"oblique"

],

"codegen-properties": {

"font-property": true,

"high-priority": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "value",

"computed-style-type": "Style::FontStyle",

"parser-function": "consumeFontStyle",

"parser-grammar-unused": "normal | italic | [ oblique <angle>? ]",

"parser-grammar-unused-reason": "Needs support for ordered groups with a keyword/literal first term differentiator."

},

"specification": {

"category": "css-fonts",

"url": "https://drafts.csswg.org/css-fonts-4/#font-style-prop"

}

},

"font-weight": {

"animation-type": "by computed value",

"inherited": true,

"initial": "normal",

"values": [

"normal",

"bold",

"bolder",

"lighter"

],

"codegen-properties": {

"font-description-name-for-methods": "Weight",

"font-property": true,

"high-priority": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "value",

"computed-style-type": "Style::FontWeight",

"parser-grammar": "<font-weight-absolute> | bolder | lighter",

"parser-exported": true

},

"specification": {

"category": "css-fonts-4",

"url": "https://drafts.csswg.org/css-fonts-4/#font-weight-prop"

}

},

"font-width": {

"animation-type": "by computed value",

"inherited": true,

"initial": "normal",

"values": [

"normal",

"ultra-condensed",

"extra-condensed",

"condensed",

"semi-condensed",

"semi-expanded",

"expanded",

"extra-expanded",

"ultra-expanded"

],

"codegen-properties": [

{

"enable-if": "ENABLE_VARIATION_FONTS",

"aliases": ["font-stretch"],

"font-description-name-for-methods": "Width",

"font-property": true,

"high-priority": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "value",

"computed-style-type": "Style::FontWidth",

"parser-grammar": "<font-width-absolute> | <percentage [0,inf]>"

},

{

"enable-if": "!ENABLE_VARIATION_FONTS",

"aliases": ["font-stretch"],

"font-description-name-for-methods": "Width",

"font-property": true,

"high-priority": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "value",

"computed-style-type": "Style::FontWidth",

"parser-grammar": "<font-width-absolute>"

}

],

"specification": {

"category": "css-fonts-4",

"url": "https://drafts.csswg.org/css-fonts/#font-width-prop"

}

},

"text-box": {

"animation-type": "discrete",

"initial": "normal",

"codegen-properties": {

"longhands": [

"text-box-trim",

"text-box-edge"

],

"parser-function": "consumeTextBoxShorthand",

"parser-grammar-unused": "normal | [ <'text-box-trim'> || <'text-box-edge'> ]",

"parser-grammar-unused-reason": "Needs support for shorthand grammars."

},

"specification": {

"category": "css-inline",

"url": "https://drafts.csswg.org/css-inline-3/#text-box-shorthand"

}

},

"text-box-edge": {

"animation-type": "discrete",

"inherited": true,

"initial": "auto",

"values": [

"auto",

"text",

"ex",

"ideographic",

"ideographic-ink",

"alphabetic",

"cap"

],

"codegen-properties": {

"computed-style-initial-constexpr": true,

"computed-style-storage-path": ["m_inheritedRareData"],

"computed-style-storage-kind": "value",

"computed-style-type": "Style::TextBoxEdge",

"parser-function": "consumeTextBoxEdge",

"parser-grammar-unused": "auto | [ [ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]? ]",

"parser-grammar-unused-reason": "Needs support for transforming parsed input to minimal form."

},

"specification": {

"category": "css-inline",

"url": "https://drafts.csswg.org/css-inline-3/#propdef-text-box-edge"

}

},

"text-box-trim": {

"animation-type": "discrete",

"initial": "none",

"values": [

"none",

"trim-start",

"trim-end",

"trim-both"

],

"codegen-properties": {

"computed-style-storage-path": ["m_nonInheritedData", "rareData"],

"computed-style-storage-kind": "enum",

"computed-style-type": "TextBoxTrim",

"parser-grammar": "<<values>>",

"parser-exported": true

},

"specification": {

"category": "css-inline",

"url": "https://drafts.csswg.org/css-inline-3/#propdef-text-box-trim"

}

},

"text-rendering": {

"animation-type": "discrete",

"inherited": true,

"initial": "auto",

"values": [

"auto",

"optimizeSpeed",

"optimizeLegibility",

"geometricPrecision"

],

"codegen-properties": {

"font-description-name-for-methods": "TextRenderingMode",

"font-property": true,

"high-priority": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "enum",

"computed-style-type": "TextRenderingMode",

"parser-grammar": "<<values>>"

},

"specification": {

"category": "svg",

"url": "https://svgwg.org/svg2-draft/painting.html#TextRenderingProperty"

}

},

"font-feature-settings": {

"animation-type": "discrete",

"inherited": true,

"initial": "normal",

"values": [

"normal"

],

"codegen-properties": {

"font-description-name-for-methods": "FeatureSettings",

"font-property": true,

"high-priority": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "value",

"computed-style-type": "Style::FontFeatureSettings",

"parser-grammar": "normal | <feature-tag-value>#@(no-single-item-opt)",

"parser-exported": true

},

"specification": {

"category": "css-fonts-4",

"url": "https://drafts.csswg.org/css-fonts-4/#propdef-font-feature-settings"

}

},

"font-variation-settings": {

"animation-type": "see prose",

"inherited": true,

"initial": "normal",

"values": [

"normal"

],

"codegen-properties": {

"enable-if": "ENABLE_VARIATION_FONTS",

"font-description-name-for-methods": "VariationSettings",

"font-property": true,

"high-priority": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "value",

"computed-style-type": "Style::FontVariationSettings",

"parser-grammar": "normal | <variation-tag-value>#@(no-single-item-opt)"

},

"specification": {

"category": "css-fonts-4",

"url": "https://drafts.csswg.org/css-fonts-4/#font-variation-settings-def"

}

},

"font-kerning": {

"animation-type": "discrete",

"inherited": true,

"initial": "auto",

"values": [

"auto",

"normal",

"none"

],

"codegen-properties": {

"aliases": [

"-webkit-font-kerning"

],

"font-description-name-for-methods": "Kerning",

"font-property": true,

"high-priority": true,

"style-builder-requires-system-font-shorthand-check": true,

"computed-style-storage-container": "opaque",

"computed-style-storage-path": ["m_inheritedData", "fontData", "fontCascade"],

"computed-style-storage-kind": "enum",

"computed-style-type": "Kerning",

"parser-grammar": "<<values>>"

},

"specification": {

"category": "css-fonts-4",

"url": "https://drafts.csswg.org/css-fonts-4/#font-kerning-prop"

}

},

"font-palette": {

"animation-type": "discrete",

"animation-type-comment": "Current spec animation type is 'by computed value'",

"inherited": true,

"initial": "normal",

"codegen-properties": {

"font-property": true,

"high-priority": true,