// Copyright 2017 The Chromium Authors // Use of this source code is governed by a BSD-style license that can be // found in the LICENSE file. { // This file specifies all the CSS properties we support and the necessary // information for our code generation. The various supported arguments // are described below with example usage parameters: { // - alias_for: "other-property" // Properties specifying alias_for should be virtually identical to the // properties they alias. Minor parsing differences are allowed as long as // the CSSValues created are of the same format of the aliased property. alias_for: { }, // - alternative_of: "other-property" // // Makes the the property an "alternative" of another property. // An alternative property has a separate CSSProperty class which (based on // runtime flags) is used internally in place of the main CSSProperty class. // This makes it possible to e.g. switch a property definition from a // longhand to a shorthand at runtime. // // When parsing text (e.g. "animation") into a CSSPropertyID, the // alternative will be chosen if it is enabled. Otherwise, the main // property will be chosen. // // A main property may only have a single alternative property. It is // however possible to have an alternative of an alternative, in which case // the chain is followed. In other words, we choose the "innermost" // alternative that's enabled. // // Note that an alternative property ignores any runtime_flag on the main // property. alternative_of: { valid_type: "str", }, // - longhands: ["property", "other-property"] // The property is a shorthand for several other properties. longhands: { }, // - property_methods: ["method1", "method2"] // List of methods that are implemented in the CSSProperty for this // property. property_methods: { default: [], valid_type: "list", valid_values: [ "ParseSingleValue", "ParseShorthand", "CSSValueFromComputedStyleInternal", "ColorIncludingFallback", "InitialValue" ], }, // - parse_helper: "function-name" // Specifies a css_parsing_utils helper function to use for ParseSingleValue, // allowing the method to be generated instead of hand-written. parse_helper: { default: null, valid_type: "str", }, // Suppresses code generation for the specified style builder functions. // This allows us to provide hand-written style builder functions in cases // where it's needed. style_builder_custom_functions: { default: [], valid_type: "list", valid_values: [ "initial", "inherit", "value", ], }, // Affects how the style building functions are generated. // // Several property groups (e.g. color properties) deviate from the default // style builder application, yet there are enough of these properties that // we want to generate code for them rather than having manually written // style builder functions. style_builder_template: { valid_values: [ "animation", "auto", "background_layer", "border_image", "color", "counter", "empty", "grid", // The legacy template means that regular code generation should not be // be performed, and that the property is hard-coded in // style_builder_functions.cc.tmpl. "legacy", "mask_box", "mask_layer", "transition", "visited_color", ], }, // Additional arguments to 'style_builder_template' may be provided here. style_builder_template_args: { default: {}, valid_type: "dict" }, // - is_descriptor // Whether it is a CSS descriptor. Descriptors define the characteristics of // an at-rule. E.g. @font-face is an at-rule, and src is a valid descriptor // for @font-face. Descriptors and CSS properties with the same name are // handled together in this file. // TODO(crbug.com/752745): Don't use CSSPropertyID for descriptors. // - is_property // Whether it is a CSS property. If this is false then is_descriptor must be // true. is_descriptor: { default: false, valid_type: "bool", }, is_property: { default: true, valid_type: "bool", }, // - independent // This property affects only one field on ComputedStyle, and can be set // directly during inheritance instead of forcing a recalc. // StyleResolver and StyleAdjuster are not invoked when these properties // are changed on a parent. Recalcs only happen if at least one // non-independent inherited property is changed in the parent. independent: { default: false, valid_type: "bool", }, // - semi_independent_variable // This property affects to the {Inherited, NonInherited}Variable data fields so that we // can assume that the custom properties might not depend on any other property. We can // handle these properties so that they are excluded from the shared Inherited/NohInherited // logic, like the Equal and inheritance functions. semi_independent_variable: { default: false, valid_type: "bool", }, // - affected_by_all // The affected_by_all flag indicates whether a change to the CSS property // "all" affects this property. // c.f. https://drafts.csswg.org/css-cascade/#all-shorthand // Descriptors (is_property: false) are never affected by changes to the // all property. affected_by_all: { default: true, valid_type: "bool", }, // - interpolable // The interpolable flag indicates whether a property can be animated // smoothly. If this flag is set, the property should also be added to the // switch statements in CSSPropertyEquality and InterpolationTypesMap. interpolable: { default: false, valid_type: "bool", }, // - inherited // The property will inherit by default if no value is specified, typically // mentioned in specifications as "Inherited: yes" inherited: { default: false, valid_type: "bool", }, // - compositable // The property can be animated by the compositor compositable: { default: false, valid_type: "bool", }, // - computable // // Whether or not a property appears on CSSStyleDeclaration. // // By default a property is computable if it's all of the following: // // - Not an alias // - A property (as opposed to a descriptor) // - A longhand // // Otherwise the property is (by default) _not_ computable. // // If an explicit true/false value is provided, this overrides the default, // and the property unconditionally becomes computable/not-computable // according to the value specified. // // Internal properties (-internal-*) are never computable, and using this // flag on internal properties is an error. computable: { valid_type: "bool", }, // - includes_currentcolor // // Whether or not a property's value potentially includes currentcolor. // // This is used to determine if we need to invalidate the property when the // currentcolor is changed. includes_currentcolor: { valid_type: "bool", default: false, }, // - runtime_flag // The name of the flag on RuntimeEnabledFeatures // (e.g. "CSSOverscrollBehavior") that conditionally enables the // property. // This doesn't currently work with alias_for. runtime_flag: { valid_type: "str", }, // - field_group // Name of the group that this field belongs to. Fields in the same group // are stored together as a nested class inside ComputedStyle and // dynamically allocated on use. // Leave this out if the field is stored directly on ComputedStyle. // If you want to auto group this property use: field_group: "*[->subgroup]" // If you use the auto grouping function check if your property is in // css_properties_ranking.json5 // - If yes, only provide: field_group: "*" // - If no, you can specify a subgroup following the asterisk: // field_group: "*[->subgroup]" field_group: { valid_type: "str", }, // - stored_on_extra_field // If this property doesn't correspond directly to a field (field_template // is unset), this allows you to specify that the property's data is stored // somewhere within the given extra field (which must exist in // computed_style_extra_fields.json5). // // This is useful for skipping over it during diffing. // // If field_template is set, then the property is assumed to have split // storage between the field_group _and_ this extra field's group, // i.e., a change in either could mean the property changed (and must be // tested for). You do not need to do this for visited color properties, // which are handled separately. stored_on_extra_field: { valid_type: "list", }, // - field_size // Number of bits needed to store this field. field_size: { valid_type: "int", }, // - field_template // Affects how the interface to this field is generated. // TODO(sashab, meade): Remove this once TypedOM types are specified for // every property, since this value can be inferred from that. field_template: { valid_values: [ // Field is stored as an enum and has a initial/getter/setter/resetter. // If include_paths is empty, we would also generate the corresponding // enum definition in ComputedStyleConstants.h. // "keyword" properties are required to be parsed in // CSSParserFastPaths. // Use "keyword_custom" if a custom ParseSingleValue implementation is // necessary. "keyword", // Same as "keyword" except the implementation is allowed to implement a // custom ParseSingleValue. See Cursor and RubyPosition. "keyword_custom", // Field can take on any subset of values from a list of keywords. "multi_keyword", // Semantically equivalent to keyword, but the type is represented as a // bit flag field as with multi_keyword as a performance optimization // for matching multiple values. "bitset_keyword", // Field stores a primitive value like int/bool. The type is specified // by type_name. The interface has a initial/getter/setter/resetter. "primitive", // Field is stored as a bool, whose default value is false // and can only be set to true. Has a initial/getter/setter. "monotonic_flag", // A derived flag is derived from other information on ComputedStyle. // It has no setters, and is instead calculated on first access by // the function specified by 'derived_from'. // // Derived flags must be marked as 'mutable', and can not have a // 'field_group' (i.e. must exist on the top level of ComputedStyle). // // See computed_style_extra_fields.json5 for examples of derived flags. "derived_flag", // Field has type specified at type_name and has a getter/setter. // Also has a setter taking an rvalue reference. Cannot be packed. "external", // Field is stored as a wrapper_pointer_name to a class. "pointer", // Preset "length" for external and Length class // This preset represents alias templates that will be replace by // entries in CSSFieldAlias.json5. "<[a-z]+>" ], }, // - anchor_mode // Determines whether or not anchor() / anchor-size() queries are allowed // in the relevant property. // // If omitted, no anchor queries are allowed. // // See also AnchorScope::Mode. anchor_mode: { valid_values: [ // anchor() / anchor-size() "left", "right", "top", "bottom", // anchor-size() "width", "height", ] }, // When specified on a property/field, this will generate code within // ComputedStyleBase::FieldInvalidationDiff to check if the property/field // has changed, and if so set a flag indicating this. // // Example usage: // if (field_diff & kBorderRadius) { // diff.SetBorderRadiusChanged(); // } // // The diff can also be used to "guard" against more expensive checks, e.g: // if ((field_diff & kOutline) && !OutlineVisuallyEqual(other)) { // return true; // } // // This is to be **only** used within ComputedStyle::VisualInvalidationDiff // and will generally be more efficient than comparing fields directly. invalidate: { default: [], valid_type: "list", valid_values: [ "accent-color", "background", "background-color", "blend-mode", "border-image", "border-outline-visited-color", "border-radius", "border-shape", "border-visual", "border-width", "box-paint-property", "clip", "clip-path", "color", "compositing", "corner-shape", "currentcolor", "filter-data", "gap-decorations", "has-transform", "inert", "inset", "layout", "margin", "mask", "opacity", "outline", "out-of-flow", "paint", "reshape", "scroll-anchor", "scrollbar-color", "scrollbar-style", "stroke", "text-decoration", "transform-data", "transform-other", "transform-property", "visibility", "visual-overflow", "z-index", ], }, // Valid for field_template:derived_flag only. This specifies the function // on ComputedStyle used to calculate the flag. derived_from: { valid_type: "str", }, // - include_paths: ["path/to/file1.h", "path/to/file2.h"] // List of files containing the definitions of types in 'type_name'. Each of // these files will appear as a #include in ComputedStyleBase.h. For // example, if the type_name is 'Vector', include_paths should be // ["third_party/blink/renderer/platform/wtf/vector.h", // "third_party/blink/renderer/platform/wtf/text/wtf_string.h"] include_paths: { default: [], }, // Name of the pointer type that wraps this field (e.g. scoped_refptr). wrapper_pointer_name: { valid_type: "str", valid_values: ["scoped_refptr", "Member", "std::unique_ptr"], }, // - keywords: ["keyword1", "keyword2"] // This specifies all valid keyword values for the property. // TODO(sashab): Once all properties are represented here, delete // CSSValueKeywords.in and use this list instead. keywords: { default: [], }, // - default_value: "keyword-value" // This specifies the default value for this field. // - for keyword fields, this is the initial keyword // - for other fields, this is a string containg the C++ expression // that is used to initialise the field. default_value: { }, // Flags which go into CSSOMTypes: // - typedom_types: ["Keyword", "Type", "OtherType"] // The property can take types specified in typedom_types for CSS Typed OM. // - separator // The property supports a list of values, and when there is more than one, // it is separated with this character. typedom_types: { default: [], valid_type: "list", valid_values: [ "Angle", "Flex", "Frequency", "Keyword", "Length", "Number", "Percentage", "Position", "Resolution", "Time", "Transform", "Unparsed", "Image" ], }, // If typedom_types include "Keyword", these keywords are the ones reified // and accepted as CSSKeywordValue objects when set on StylePropertyMap. // Defaults to the same as 'keywords'. typedom_keywords: { }, separator: { valid_values: [",", " ", "/"], }, // The remaining arguments are used for the StyleBuilder and allow us to // succinctly describe how to apply properties. When default handlers are // not sufficient, we should prefer to use converter, and failing that // define custom property handlers in CSSProperty subclasses. We should only // use style_builder_functions.tmpl to define handlers when there are // multiple properties requiring the same handling, but converter doesn't // suffice. // - font // The default property handlers call into the FontBuilder instead of // setting values directly onto the ComputedStyle font: { default: false, valid_type: "bool", }, // - name_for_methods: "BlendMode" // Tweaks how we choose defaults for getter, setter, initial and type_name. // For example, setting this to BlendMode will make us use a setter of // SetBlendMode. Note that 'name_for_methods' also determines the name // of the generated field on ComputedStyle. // - initial // The static function to invoke on ComputedStyleInitialValues // or FontBuilder to retrieve the initial value. // Defaults to e.g. InitialBorderBottomLeft. // - getter // The ComputedStyle getter, defaults to e.g. BorderBottomLeft // - setter // The ComputedStyle setter, defaults to e.g. GetBorderBottomLeft // - type_name // The computed type for the property. Only required for the default value // application, defaults to e.g. EDisplay name_for_methods: { }, initial: { }, getter: { }, setter: { }, type_name: { }, // - computed_style_protected_functions // // Any function specified in the list will be generated with protected // visibility. This is useful if the default-generated getter function is // typically not what clients want to use. // // For example, the Clear getter is protected to force clients to take // TextDirection into account. computed_style_protected_functions: { default: [], valid_type: "list", valid_values: ["getter", "setter", "resetter"], }, // - computed_style_custom_functions // // Any function specified in the list will be generated with protected // visibility and an "Internal" suffix. A custom accessor (with the suffix- // less name) must be manually provided on ComputedStyle. This is useful for // e.g. properties that have special behavior that affects the computed // value of the property. // // For example, the computed value of border-left-width magically becomes // zero if border-left-style is none or hidden. The generated code can not // express this, hence a custom one is specified. // // Any custom function automatically gets protected visiblity, and therefore // it is not valid to specify a function as both custom and explicitly // protected (using computed_style_protected_functions). computed_style_custom_functions: { default: [], valid_type: "list", valid_values: ["initial", "getter", "setter", "resetter"], }, // - converter: "ConvertRadius" // The StyleBuilder will call the specified function on // StyleBuilderConverter to convert a CSSValue to an appropriate platform // value converter: { }, // - logical_property_group: used for properties that depend on writing-mode // and/or text-direction (e.g. css-logical), and for their physical counterparts. // Represents the "logical property group" described by css-logical // (https://drafts.csswg.org/css-logical/#logical-property-group). logical_property_group: { // A name identifying the logical property group. All logical and physical // properties in the same group should have the same name. // // In terms of code generation, each value corresponds to 2 functions in // CSSDirectionAwareResolver. E.g. a value of "foo-bar" would correspond to: // - CSSDirectionAwareResolver::LogicalFooBarMapping(), containing the // properties of the group with a flow-relative mapping logic. // - CSSDirectionAwareResolver::PhysicalFooBarMapping(), containing the // properties of the group with a physical mapping logic. name: { valid_type: "str", valid_values: ["border", "border-color", "border-radius", "border-style", "border-width", "contain-intrinsic-size", "inset", "margin", "max-size", "min-size", "overflow", "padding", "scroll-margin", "scroll-padding", "size", "visited-border-color"], }, // The name of the mapping function used to convert between equivalent // logical and physical properties within the same group. Corresponds to // a function in CSSDirectionAwareResolver. E.g. a value of "baz" // corresponds to CSSDirectionAwareResolver::ResolveBaz(...). // // Also identifies the mapping logic of the group // (https://drafts.csswg.org/css-logical-1/#mapping-logic) resolver: { valid_type: "str", valid_values: [ // Mapping logic: flow-relative (logical) "block", "inline", "block-start", "block-end", "inline-start", "inline-end", "start-start", "start-end", "end-start", "end-end", // Mapping logic: physical "vertical", "horizontal", "top", "bottom", "left", "right", "top-left", "top-right", "bottom-right", "bottom-left", ], }, }, // - surrogate_for: "other-property" // // A surrogate is a property which acts like another property. Unlike an // alias (which is resolved as parse-time), a surrogate exists alongside // the original in the parsed rule, and in the cascade. // // However, surrogates modify the same fields on ComputedStyle. Examples of // surrogates are: // // * -webkit-writing-mode (surrogate of writing-mode) // * inline-size (surrogate for width, or height) // * All css-logical properties in general // // Note that for properties that use logical_property_group, // 'surrogate_for' should not be set, as the mapping is determined at // run-time (depending og e.g. 'direction'). surrogate_for: { valid_type: "str", }, // - priority: 1 // The priority level for computing the property. Properties with the same // priority level are grouped and computed in alphabetical order. // Anything above zero are designated "high priority" and done before // certain operations, like updating fonts. (Most high-priority properties // are 1; 2 and higher are used only in special circumstances.) This mechanism // is primarily useful for properties that influence other properties, // like line-height influencing lh units. Negative values can be used to // to define ordered groups within the low-priority properties. priority: { default: 0, valid_type: "int", }, // - layout_dependent // The resolved value used for getComputedStyle() depends on layout for this // property, which means we may need to update layout to return the correct // value from getComputedStyle(). Setting this to true will override // IsLayoutDependentProperty() to return true and require a custom // IsLayoutDependent() which typically checks for LayoutObject existence and // type. layout_dependent: { default: false, valid_type: "bool", }, // - visited_property_for: "other-property" // CSS properties that are allowed in :visited selectors each have an // internal "companion" property with the visited value. For privacy reasons // CSSOM APIs must return computed values as if links aren't visited, but // for rendering purposes we need the value with the :visited rules applied. // // This means that the regular property (e.g. background-color) represents // the value as seen by CSSOM, and the -internal-visited counterpart (e.g. // -internal-visited-background-color) represents the same property as seen // by painting. visited_property_for: { valid_type: "str", }, // - valid_for_first_letter: true // // https://drafts.csswg.org/css-pseudo-4/#first-letter-styling valid_for_first_letter: { default: false, valid_type: "bool", }, // - valid_for_first_line: true // // https://drafts.csswg.org/css-pseudo-4/#first-line-styling valid_for_first_line: { default: false, valid_type: "bool", }, // - valid_for_cue: true // // https://w3c.github.io/webvtt/#the-cue-pseudo-element valid_for_cue: { default: false, valid_type: "bool", }, // - valid_for_marker: true // // https://drafts.csswg.org/css-pseudo-4/#marker-pseudo valid_for_marker: { default: false, valid_type: "bool", }, // - valid_for_highlight: true // // https://drafts.csswg.org/css-pseudo-4/#highlight-styling valid_for_highlight: { default: false, valid_type: "bool", }, // Applicable @page properties and descriptors. valid_for_page_context: { default: false, valid_type: "bool", }, // - is_border // The property, when used by the author, will disable any native // appearance on UI elements. is_border: { default: false, valid_type: "bool", }, // - is_background // The property, when used by the author, will disable any native // appearance on UI elements. is_background: { default: false, valid_type: "bool", }, // - is_border_radius // The property, when used by the author, will disable any native // appearance on UI elements. is_border_radius: { default: false, valid_type: "bool", }, // - is_highlight_colors // The property participates in paired cascade, such that when encountered // in highlight styles, we make all other highlight color properties default // to initial, rather than the UA default. // https://drafts.csswg.org/css-pseudo-4/#highlight-cascade is_highlight_colors: { default: false, valid_type: "bool", }, // - is_visited_highlight_colors // Like the previous one but for visited internal properties. is_visited_highlight_colors: { default: false, valid_type: "bool", }, // - is_animation_property // The property is a longhand of the 'animation' or 'transition' shorthands. is_animation_property: { default: false, valid_type: "bool", }, // - is_animation_affecting // // Properties that affect animations are not allowed to be affected by // animations. Animation properties must always be animation-affecting. // Internal properties ignore this field; can_be_animated() always // returns true. // // https://w3.org/TR/web-animations-1/#animating-properties is_animation_affecting: { default: false, valid_type: "bool", }, // Whether changing this property is so independent that we can apply // a change to them incrementally on top of the old style. This happens // only when inline style is changed. Conceptually, this could be a blocklist, // but being conservative, we have chosen to make it an allowlist. // The properties with known issue are explicitly marked as false, // so changing the default from false to true _should_ have no ill effects, // but bugs are of course possible. (There is a DCHECK verifying that we // computed the correct style when this optimization is in effect.) // // Since animations can affect pretty much anything else, and we don't // support their interactions anyway (see CanApplyInlineStyleIncrementally()), // animation properties are also never marked as supporting incremental style. // This is verified in validate_property(). supports_incremental_style: { default: false, valid_type: "bool", }, // If false, this property is known to cause problems if setting // it on an element's inline style will cause problems with computing // that element's style incrementally. // // NOTE: Setting false here is probably indicative of a bug. Long-term, // we should fix all of these and remove the flag. idempotent: { default: true, valid_type: "bool", }, // If true, this property will accept a CSSNumericLiteralValue // (created by a fast-path parser), with no restrictions on range. // (NaN and infinities will be sent through the normal ParseSingleValue // path.) A typical case is the properties that can accept an alpha value; // percent values will take the slow paths, but simple numbers will be sent // directly through. accepts_numeric_literal: { default: false, valid_type: "bool", }, // If true, then the ComputedStyle field for this property overlaps with // another property. // // Overlapping properties are *partially* overlapping, or do otherwise not // have compatible or interchangeable values with each other. overlapping: { default: false, valid_type: "bool", }, // Like 'overlapping', but set on -webkit-prefixed properties that should // ultimately be removed. // // Note that properties that are legacy_overlapping are also overlapping // (i.e. legacy_overlapping:true implies overlapping:true). legacy_overlapping: { default: false, valid_type: "bool", }, // - valid_for_keyframe: true // // Whether the property can be used in @keyframes. // https://www.w3.org/TR/css-animations-1/#typedef-keyframe-block valid_for_keyframe: { default: true, valid_type: "bool", }, // Whether the property can be applied to elements. // See https://github.com/WICG/PEPC/blob/main/explainer.md#locking-the-pepc-style valid_for_permission_element: { default: false, valid_type: "bool", }, // Whether the property can be applied to ::permission-icon elements. // See https://github.com/WICG/PEPC/blob/main/explainer.md#locking-the-pepc-style valid_for_permission_icon: { default: false, valid_type: "bool", }, // - valid_for_position_try: true // // Whether the property can be used in a @position-try rule // https://drafts.csswg.org/css-anchor-1/#fallback-rule valid_for_position_try: { default: false, valid_type: "bool", }, // - affected_by_zoom: true // // Whether or not the computed value of this property is affected by // the effective zoom factor. Generally, all computed values that contain // a blink::Length are affected by zoom. // // Setting this flag to 'true' will change the inheritance behavior // (Longhand::ApplyInherit) to effectively "rezoom" the inherited value. // // https://github.com/w3c/csswg-drafts/issues/9397 affected_by_zoom: { default: false, valid_type: "bool", }, // - highlight_style_comes_from_originating_element: true // // ::highlight pseudo styles have different inheritance rules, where almost // all properties (even non-inherited ones) come from the parent style. // A couple of styles and fields are different in that they come from the // originating element's style instead, and those are marked as 'true' here. highlight_style_comes_from_originating_element: { default: false, valid_type: "bool", }, // - percentages_depend_on_used_value // // Whether or not percentages for the given property depend on used value // and can or cannot be resolved before layout time. // // Should only be set on properties which accept percentage values. Setting // this flag to true will disallow simplifying calc expressions with // percentages which resolve differently for positive and negative // reference values, i.e. min()/max()/clamp()/random(), at computed value // time. percentages_depend_on_used_value: { valid_type: "bool", }, }, // Members in the data objects should appear in the same order as in the // parameters object above data: [ // Properties with StyleBuilder handling // Animation Priority properties { name: "animation-composition", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], keywords: ["replace", "add", "accumulate"], style_builder_template: "animation", style_builder_template_args: { attribute: "Composition", }, typedom_types: ["Keyword"], separator: ",", include_paths: ["third_party/blink/renderer/core/animation/effect_model.h"], default_value: "EffectModel::kCompositeReplace", type_name: "EffectModel::CompositeOperation", valid_for_marker: true, is_animation_affecting: true, }, { name: "animation-delay", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "DelayStart", }, typedom_types: ["Time"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, }, { name: "animation-direction", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], keywords: ["normal", "reverse", "alternate", "alternate-reverse"], typedom_types: ["Keyword"], separator: ",", style_builder_template: "animation", style_builder_template_args: { attribute: "Direction", }, separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, }, { name: "animation-duration", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], separator: ",", style_builder_template: "animation", style_builder_template_args: { attribute: "Duration", }, typedom_types: ["Time"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, }, { name: "animation-fill-mode", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "FillMode", }, keywords: ["none", "forwards", "backwards", "both"], typedom_types: ["Keyword"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, }, { name: "animation-iteration-count", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], keywords: ["infinite"], separator: ",", style_builder_template: "animation", style_builder_template_args: { attribute: "IterationCount", }, keywords: ["infinite"], typedom_types: ["Keyword", "Number"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, }, { name: "animation-name", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "Name", }, keywords: ["none"], typedom_types: ["Keyword"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, }, { name: "animation-play-state", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "PlayState", }, keywords: ["running", "paused"], typedom_types: ["Keyword"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, }, { name: "animation-range-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "RangeStart", }, separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, percentages_depend_on_used_value: false, }, { name: "animation-range-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "RangeEnd", }, separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, valid_for_keyframe: false, percentages_depend_on_used_value: false, }, { name: "animation-timeline", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "Timeline", }, keywords: ["none", "auto"], typedom_types: ["Keyword"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, }, { name: "animation-timing-function", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "TimingFunction", }, keywords: [ "linear", "ease", "ease-in", "ease-out", "ease-in-out", "jump-both", "jump-end", "jump-none", "jump-start", "step-start", "step-end" ], typedom_types: ["Keyword"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, }, { name: "animation-trigger", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "*", field_template: "external", style_builder_template: "animation", style_builder_template_args: { attribute: "TriggerAttachments", }, keywords: ["none"], type_name: "HeapVector>", include_paths: ["third_party/blink/renderer/core/style/style_trigger_attachment.h"], default_value: "{ nullptr }", separator: ",", valid_for_marker: true, runtime_flag: "AnimationTrigger", is_animation_affecting: true, }, { name: "timeline-trigger-name", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "*", field_template: "external", // TODO: maybe define an animation_trigger template? style_builder_template: "animation", style_builder_template_args: { attribute: "TimelineTriggerName", }, default_value: "nullptr", type_name: "ScopedCSSNameList", wrapper_pointer_name: "Member", converter: "ConvertTimelineTriggerName", separator: ",", valid_for_marker: true, runtime_flag: "TimelineTrigger", is_animation_affecting: true, }, { name: "timeline-trigger-activation-range-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "TimelineTriggerActivationRangeStart", }, separator: ",", valid_for_marker: true, runtime_flag: "TimelineTrigger", is_animation_affecting: true, percentages_depend_on_used_value: false, }, { name: "timeline-trigger-activation-range-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "TimelineTriggerActivationRangeEnd", }, separator: ",", valid_for_marker: true, runtime_flag: "TimelineTrigger", is_animation_affecting: true, percentages_depend_on_used_value: false, }, { name: "timeline-trigger-active-range-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "TimelineTriggerActiveRangeStart", }, separator: ",", valid_for_marker: true, runtime_flag: "TimelineTrigger", is_animation_affecting: true, percentages_depend_on_used_value: false, }, { name: "timeline-trigger-active-range-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "TimelineTriggerActiveRangeEnd", }, separator: ",", valid_for_marker: true, runtime_flag: "TimelineTrigger", is_animation_affecting: true, percentages_depend_on_used_value: false, }, { name: "timeline-trigger-source", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "animation", style_builder_template_args: { attribute: "TimelineTriggerSource", }, keywords: ["none", "auto"], typedom_types: ["Keyword"], separator: ",", valid_for_marker: true, runtime_flag: "TimelineTrigger", is_animation_affecting: true, }, { name: "transition-delay", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "transition", style_builder_template_args: { attribute: "DelayStart", }, typedom_types: ["Time"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, }, { name: "transition-duration", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], typedom_types: ["Keyword", "Time"], separator: ",", style_builder_template: "transition", style_builder_template_args: { attribute: "Duration", }, valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, }, { name: "transition-property", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "transition", style_builder_template_args: { attribute: "Property", }, keywords: ["none"], typedom_types: ["Keyword"], valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, }, { name: "transition-behavior", keywords: ["normal", "allow-discrete"], property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], typedom_types: ["Keyword"], separator: ",", style_builder_template: "transition", style_builder_template_args: { attribute: "Behavior", }, valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, }, { name: "transition-timing-function", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "transition", style_builder_template_args: { attribute: "TimingFunction", }, keywords: [ "linear", "ease", "ease-in", "ease-out", "ease-in-out", "jump-both", "jump-end", "jump-none", "jump-start", "step-start", "step-end"], typedom_types: ["Keyword"], separator: ",", valid_for_marker: true, is_animation_property: true, is_animation_affecting: true, // Animation properites are never incremental. supports_incremental_style: false, }, { name: "trigger-scope", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeNameScope", include_paths: ["third_party/blink/renderer/core/style/style_trigger_scope.h"], type_name: "StyleTriggerScope", default_value: "StyleTriggerScope()", field_group: "*", field_template: "external", converter: "ConvertTriggerScope", keywords: ["none", "all"], runtime_flag: "AnimationTrigger", typedom_types: ["Keyword"], invalidate: ["layout"], valid_for_permission_element: true, }, // High Priority and all other font properties. // Other properties can depend upon high priority properties // (e.g. font-size / ems) { name: "color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", interpolable: true, inherited: true, // color isn't strictly independent of all other properties; // it determines currentColor, which in turn can affect the used value of // other properties (such as border colors, stops in gradients, etc.). // However, changes to color generally also trigger paint invalidation, // and paint invalidation resolves the color anew. (For the special case // of gradient stops, we have logic within ComputedStyle::AdjustDiffForBackgroundVisuallyEqual // that forces paint invalidation, recomputing the gradient and repainting // the element.) independent: true, field_group: "inherited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(Color::kBlack)", type_name: "StyleColor", computed_style_protected_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit", "value"], priority: 1, keywords: ["currentcolor"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, valid_for_highlight: true, is_highlight_colors: true, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["accent-color", "border-visual", "color", "currentcolor", "outline"], }, { name: "direction", property_methods: ["CSSValueFromComputedStyleInternal"], affected_by_all: false, inherited: true, field_template: "keyword", include_paths: ["third_party/blink/renderer/platform/text/text_direction.h"], keywords: ["ltr", "rtl"], typedom_types: ["Keyword"], default_value: "ltr", type_name: "TextDirection", style_builder_custom_functions: ["value"], priority: 1, valid_for_marker: true, valid_for_page_context: true, invalidate: ["reshape"], is_animation_affecting: true, }, { name: "font-family", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], is_descriptor: true, inherited: true, font: true, name_for_methods: "FamilyDescription", type_name: "FontDescription::FamilyDescription", style_builder_custom_functions: ["initial", "inherit"], converter: "ConvertFontFamily", priority: 1, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, valid_for_page_context: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-kerning", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "Kerning", converter: "ConvertFontKerning", type_name: "FontDescription::Kerning", priority: 1, keywords: ["auto", "normal", "none"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["font"], }, { name: "font-optical-sizing", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "FontOpticalSizing", converter: "ConvertFontOpticalSizing", type_name: "OpticalSizing", priority: 1, keywords: ["auto", "none"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["font"], }, { name: "font-palette", property_methods: ["CSSValueFromComputedStyleInternal" ], parse_helper: "ConsumeFontPalette", interpolable: true, inherited: true, font: true, converter: "ConvertFontPalette", type_name: "FontPalette", priority: 1, keywords: ["normal", "light", "dark"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, valid_for_page_context: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-size", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, font: true, name_for_methods: "Size", getter: "GetSize", converter: "ConvertFontSize", priority: 1, keywords: ["xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "larger", "smaller", "-webkit-xxx-large"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["font"], percentages_depend_on_used_value: false, }, { name: "font-size-adjust", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, runtime_flag: "CSSFontSizeAdjust", font: true, name_for_methods: "SizeAdjust", converter: "ConvertFontSizeAdjust", priority: 1, keywords: ["none", "ex-height", "cap-height", "ch-width", "ic-width", "ic-height", "from-font"], typedom_types: ["Keyword", "Number"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, valid_for_page_context: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-stretch", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeFontStretch", is_descriptor: true, interpolable: true, inherited: true, font: true, name_for_methods: "Stretch", converter: "ConvertFontStretch", priority: 1, keywords: [ "normal", "ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded" ], typedom_types: ["Keyword", "Percentage"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["font"], percentages_depend_on_used_value: false, }, { name: "font-style", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeFontStyle", is_descriptor: true, interpolable: true, inherited: true, font: true, name_for_methods: "Style", converter: "ConvertFontStyle", priority: 1, keywords: ["normal", "italic", "oblique"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["font"], }, { name: "font-variant-ligatures", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "VariantLigatures", type_name: "VariantLigatures", converter: "ConvertFontVariantLigatures", priority: 1, keywords: [ "normal", "none", "common-ligatures", "no-common-ligatures", "discretionary-ligatures", "no-discretionary-ligatures", "historical-ligatures", "no-historical-ligatures", "contextual", "no-contextual" ], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-variant-caps", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "VariantCaps", converter: "ConvertFontVariantCaps", priority: 1, keywords: [ "normal", "small-caps", "all-small-caps", "petite-caps", "all-petite-caps", "unicase", "titling-caps" ], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-variant-east-asian", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "VariantEastAsian", converter: "ConvertFontVariantEastAsian", priority: 1, keywords: [ "normal", "jis78", "jis83", "jis90", "jis04", "simplified", "traditional", "full-width", "proportional-width", "ruby" ], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-variant-numeric", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "VariantNumeric", converter: "ConvertFontVariantNumeric", priority: 1, keywords: [ "normal", "lining-nums", "oldstyle-nums", "proportional-nums", "tabular-nums", "diagonal-fractions", "stacked-fractions", "ordinal", "slashed-zero" ], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-variant-alternates", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, font: true, type_name: "FontVariantAlternates", name_for_methods: "FontVariantAlternates", converter: "ConvertFontVariantAlternates", priority: 1, keywords: [ "normal", ], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-weight", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeFontWeight", is_descriptor: true, interpolable: true, inherited: true, font: true, name_for_methods: "Weight", converter: "ConvertFontWeight", priority: 1, keywords: ["normal", "bold", "bolder", "lighter"], typedom_types: ["Keyword", "Number"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["font"], }, { name: "font-synthesis-weight", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "FontSynthesisWeight", type_name: "FontDescription::FontSynthesisWeight", priority: 1, keywords: ["auto", "none"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, stored_on_extra_field: ["font"], }, { name: "font-synthesis-style", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "FontSynthesisStyle", type_name: "FontDescription::FontSynthesisStyle", priority: 1, keywords: ["auto", "none"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, stored_on_extra_field: ["font"], }, { name: "font-synthesis-small-caps", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "FontSynthesisSmallCaps", type_name: "FontDescription::FontSynthesisSmallCaps", priority: 1, keywords: ["auto", "none"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, stored_on_extra_field: ["font"], }, { name: "font-feature-settings", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeFontFeatureSettings", is_descriptor: true, inherited: true, font: true, name_for_methods: "FeatureSettings", converter: "ConvertFontFeatureSettings", priority: 1, keywords: ["normal"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, valid_for_permission_element: true, stored_on_extra_field: ["font"], }, { name: "font-variation-settings", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], is_descriptor: true, interpolable: true, inherited: true, font: true, name_for_methods: "VariationSettings", converter: "ConvertFontVariationSettings", priority: 1, keywords: ["normal"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-language-override", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, font: true, runtime_flag: "FontLanguageOverride", priority: 1, keywords: ["normal"], typedom_types: ["Keyword"], converter: "ConvertFontLanguageOverride", stored_on_extra_field: ["font"], }, { name: "font-variant-emoji", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "VariantEmoji", type_name: "FontDescription::FontVariantEmoji", converter: "ConvertFontVariantEmoji", priority: 1, keywords: ["normal", "text", "emoji", "unicode"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "font-variant-position", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, name_for_methods: "VariantPosition", type_name: "FontDescription::FontVariantPosition", converter: "ConvertFontVariantPosition", priority: 1, keywords: ["normal", "sub", "super"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, // See comment on font. supports_incremental_style: false, stored_on_extra_field: ["font"], }, { name: "-webkit-font-smoothing", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, type_name: "FontSmoothingMode", priority: 1, valid_for_first_letter: true, valid_for_first_line: true, valid_for_permission_element: true, stored_on_extra_field: ["font"], }, { name: "forced-color-adjust", field_group: "*", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, runtime_flag: "ForcedColors", field_template: "keyword", // Affects the computed value of color when it is inherited and // forced-color- adjust is set to preserve-parent-color. priority: 2, keywords: ["auto", "none", "preserve-parent-color"], typedom_types: ["Keyword"], default_value: "auto", valid_for_permission_element: true, highlight_style_comes_from_originating_element: true, }, { name: "field-sizing", field_group: "visual", field_template: "keyword", property_methods: ["CSSValueFromComputedStyleInternal"], keywords: ["fixed", "content"], default_value: "fixed", typedom_types: ["Keyword"], invalidate: ["layout"], }, { name: "-webkit-locale", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, font: true, style_builder_custom_functions: ["value"], priority: 1, stored_on_extra_field: ["font"], }, { name: "math-depth", default_value: 0, field_group: "*", field_template: "primitive", interpolable: true, inherited: true, property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeMathDepth", style_builder_custom_functions: ["value"], type_name: "short", typedom_types: ["Number"], // Affects the computed value of 'font-size', hence needs to happen before // high-priority properties. priority: 2, }, { name: "text-orientation", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["sideways", "mixed", "upright"], typedom_types: ["Keyword"], default_value: "mixed", getter: "GetTextOrientation", style_builder_custom_functions: ["initial", "inherit", "value"], priority: 1, invalidate: ["layout", "paint"], valid_for_marker: true, is_animation_affecting: true, }, { name: "-webkit-text-orientation", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, type_name: "TextOrientation", priority: 1, surrogate_for: "text-orientation", valid_for_marker: true, }, { name: "writing-mode", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_template: "keyword", include_paths: ["third_party/blink/renderer/platform/text/writing_mode.h"], keywords: ["horizontal-tb", "vertical-rl", "vertical-lr", "sideways-rl", "sideways-lr"], typedom_types: ["Keyword"], default_value: "horizontal-tb", type_name: "WritingMode", style_builder_custom_functions: ["initial", "inherit", "value"], priority: 1, valid_for_page_context: true, // Incremental code does not call DidChangeWritingMode(), which influences // the font. supports_incremental_style: false, invalidate: ["layout", "paint"], highlight_style_comes_from_originating_element: true, is_animation_affecting: true, }, { name: "-webkit-writing-mode", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, type_name: "WritingMode", priority: 1, surrogate_for: "writing-mode", is_animation_affecting: true, }, { name: "text-rendering", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, type_name: "TextRenderingMode", keywords: ["auto", "optimizespeed", "optimizelegibility", "geometricprecision"], typedom_types: ["Keyword"], priority: 1, valid_for_permission_element: true, stored_on_extra_field: ["font"], }, { name: "zoom", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "visual", field_template: "primitive", default_value: "1.0", type_name: "float", style_builder_custom_functions: ["initial", "inherit", "value"], priority: 1, // Setting zoom affects the _EffectiveZoom_, which in turns affects every px value // stored on ComputedStyle; see CSSToLengthConversionData::ZoomedComputedPixels. supports_incremental_style: false, valid_for_permission_element: true, percentages_depend_on_used_value: true, }, { name: "accent-color", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_auto_color.h"], type_name: "StyleAutoColor", computed_style_protected_functions: ["getter"], keywords: ["auto", "currentcolor"], typedom_types: ["Keyword"], converter: "ConvertStyleAutoColor", default_value: "StyleAutoColor::AutoColor()", computable: true, invalidate: ["accent-color"], includes_currentcolor: true, }, { name: "align-content", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_content_alignment_data.h"], default_value: "StyleContentAlignmentData(ContentPosition::kNormal, ContentDistributionType::kDefault, OverflowAlignment::kDefault)", type_name: "StyleContentAlignmentData", converter: "ConvertContentAlignmentData", invalidate: ["layout"], }, { name: "align-items", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "box", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_self_alignment_data.h"], default_value: "StyleSelfAlignmentData(ItemPosition::kNormal, OverflowAlignment::kDefault)", type_name: "StyleSelfAlignmentData", converter: "ConvertSelfOrDefaultAlignmentData", invalidate: ["layout"], }, { name: "alignment-baseline", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "svg", field_template: "keyword", keywords: ["auto", "baseline", "alphabetic", "ideographic", "middle", "central", "mathematical", "before-edge", "text-before-edge", "after-edge", "text-after-edge", "hanging"], typedom_types: ["Keyword"], default_value: "auto", invalidate: ["layout", "paint"], }, { name: "align-self", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_self_alignment_data.h"], default_value: "StyleSelfAlignmentData(ItemPosition::kAuto, OverflowAlignment::kDefault)", type_name: "StyleSelfAlignmentData", converter: "ConvertSelfOrDefaultAlignmentData", valid_for_position_try: true, valid_for_permission_element: true, invalidate: ["layout"], }, { name: "anchor-name", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal" ], include_paths: ["third_party/blink/renderer/core/style/scoped_css_name.h"], type_name: "ScopedCSSNameList", wrapper_pointer_name: "Member", default_value: "nullptr", field_group: "*", field_template: "external", converter: "ConvertAnchorName", keywords: ["none"], typedom_types: ["Keyword"], valid_for_permission_element: true, invalidate: ["layout"], }, { name: "anchor-scope", property_methods: ["CSSValueFromComputedStyleInternal" ], parse_helper: "ConsumeNameScope", include_paths: ["third_party/blink/renderer/core/style/style_anchor_scope.h"], type_name: "StyleAnchorScope", default_value: "StyleAnchorScope()", field_group: "*", field_template: "external", converter: "ConvertAnchorScope", keywords: ["none", "all"], typedom_types: ["Keyword"], valid_for_permission_element: true, invalidate: ["layout"], }, { name: "aspect-ratio", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "surround", field_template: "external", keywords: ["auto"], default_value: "StyleAspectRatio(EAspectRatioType::kAuto, gfx::SizeF())", type_name: "StyleAspectRatio", converter: "ConvertAspectRatio", include_paths: ["third_party/blink/renderer/core/style/style_aspect_ratio.h"], valid_for_permission_element: true, invalidate: ["layout"], }, { name: "backdrop-filter", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeFilterFunctionList", interpolable: true, compositable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/filter_operations.h"], default_value: "FilterOperations()", type_name: "FilterOperations", computed_style_custom_functions: ["initial"], style_builder_custom_functions: ["value"], keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["compositing"], includes_currentcolor: true, }, { name: "backface-visibility", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["visible", "hidden"], typedom_types: ["Keyword"], default_value: "visible", invalidate: ["compositing"], }, { name: "background-attachment", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], keywords: ["scroll", "fixed", "local"], typedom_types: ["Keyword"], separator: " ", style_builder_template: "background_layer", style_builder_template_args: { fill_type: "Attachment", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, is_background: true, supports_incremental_style: true, valid_for_page_context: true, stored_on_extra_field: ["Background"], }, { name: "background-blend-mode", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], keywords: [ "normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity" ], typedom_types: ["Keyword"], separator: " ", style_builder_template: "background_layer", style_builder_template_args: { fill_type: "BlendMode", fill_type_getter: "GetBlendMode", }, valid_for_first_letter: true, valid_for_first_line: true, is_background: false, valid_for_page_context: true, stored_on_extra_field: ["Background"], }, { name: "background-clip", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], keywords: ["border-box", "padding-box", "content-box", "text", "border-area"], typedom_types: ["Keyword"], separator: " ", style_builder_template: "background_layer", style_builder_template_args: { fill_type: "Clip", }, style_builder_custom_functions: ["value"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, is_background: true, supports_incremental_style: true, valid_for_page_context: true, stored_on_extra_field: ["Background"], }, { name: "background-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", interpolable: true, compositable: true, field_group: "background", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(Color::kTransparent)", type_name: "StyleColor", computed_style_protected_functions: ["getter"], keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertStyleColor", style_builder_template: "color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialBackgroundColor", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_highlight: true, is_background: true, is_highlight_colors: true, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["background-color"], }, { name: "background-image", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, keywords: ["auto", "none"], typedom_types: ["Keyword", "Image"], separator: " ", style_builder_template: "background_layer", style_builder_template_args: { fill_type: "Image", fill_type_getter: "GetImage", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, is_background: true, supports_incremental_style: true, valid_for_page_context: true, includes_currentcolor: true, stored_on_extra_field: ["Background"], }, { name: "background-origin", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], keywords: ["border-box", "padding-box", "content-box"], typedom_types: ["Keyword"], separator: " ", style_builder_template: "background_layer", style_builder_template_args: { fill_type: "Origin", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, is_background: true, supports_incremental_style: true, valid_for_page_context: true, stored_on_extra_field: ["Background"], }, { name: "background-position-x", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, style_builder_template: "background_layer", style_builder_template_args: { fill_type: "PositionX", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, is_background: true, computable: false, supports_incremental_style: true, valid_for_page_context: true, stored_on_extra_field: ["Background"], percentages_depend_on_used_value: true, }, { name: "background-position-y", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, style_builder_template: "background_layer", style_builder_template_args: { fill_type: "PositionY", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, is_background: true, computable: false, supports_incremental_style: true, valid_for_page_context: true, stored_on_extra_field: ["Background"], percentages_depend_on_used_value: true, }, { name: "background-repeat", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], style_builder_template: "background_layer", style_builder_template_args: { fill_type: "Repeat", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, supports_incremental_style: true, valid_for_page_context: true, stored_on_extra_field: ["Background"], }, { name: "background-size", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ParseBackgroundSize", interpolable: true, keywords: ["auto", "cover", "contain"], typedom_types: ["Keyword", "Length", "Percentage"], separator: " ", style_builder_template: "background_layer", style_builder_template_args: { fill_type: "Size", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, is_background: true, supports_incremental_style: true, valid_for_page_context: true, stored_on_extra_field: ["Background"], percentages_depend_on_used_value: true, }, { name: "baseline-shift", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->svgmisc", field_template: "external", type_name: "Length", default_value: "Length::Fixed()", style_builder_custom_functions: ["inherit", "value"], keywords: ["baseline", "sub", "super"], typedom_types: ["Keyword", "Percentage", "Length"], invalidate: ["layout", "paint"], percentages_depend_on_used_value: false, }, { name: "baseline-source", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "box", field_template: "keyword", default_value: "auto", keywords: ["auto", "first", "last"], typedom_types: ["Keyword"], invalidate: ["layout"], }, { name: "border-bottom-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback", "InitialValue"], parse_helper: "ConsumeBorderColorSide", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-color", resolver: "bottom", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-visual"], }, { name: "border-bottom-left-radius", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ParseBorderRadiusCorner", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_size.h"], default_value: "LengthSize(Length::Fixed(0), Length::Fixed(0))", type_name: "LengthSize", converter: "ConvertRadius", typedom_types: ["Length", "Percentage"], valid_for_first_letter: true, is_border: true, is_border_radius: true, logical_property_group: { name: "border-radius", resolver: "bottom-left", }, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-radius", "paint"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "border-bottom-right-radius", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ParseBorderRadiusCorner", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_size.h"], default_value: "LengthSize(Length::Fixed(0), Length::Fixed(0))", type_name: "LengthSize", converter: "ConvertRadius", typedom_types: ["Length", "Percentage"], valid_for_first_letter: true, is_border: true, is_border_radius: true, logical_property_group: { name: "border-radius", resolver: "bottom-right", }, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-radius", "paint"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "border-bottom-style", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "box", field_template: "keyword", keywords: [ "none", "hidden", "inset", "groove", "outset", "ridge", "dotted", "dashed", "solid", "double" ], typedom_types: ["Keyword"], default_value: "none", type_name: "EBorderStyle", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-style", resolver: "bottom", }, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-width", "border-visual"], }, { name: "border-bottom-width", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], parse_helper: "ParseBorderWidthSide", interpolable: true, field_group: "box", field_template: "external", keywords: ["thin", "medium", "thick"], default_value: "3", typedom_types: ["Keyword", "Length"], type_name: "int", computed_style_custom_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit"], converter: "ConvertBorderWidth", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-width", resolver: "bottom", }, // Overlaps with -webkit-border-image. overlapping: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-width", "border-visual"], affected_by_zoom: true, }, { name: "border-collapse", property_methods: ["CSSValueFromComputedStyleInternal"], independent: true, inherited: true, field_template: "keyword", keywords: ["separate", "collapse"], typedom_types: ["Keyword"], default_value: "separate", invalidate: ["layout", "paint"], }, { name: "border-image-outset", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], parse_helper: "ConsumeBorderImageOutset", interpolable: true, typedom_types: ["Length", "Number"], style_builder_template: "border_image", style_builder_template_args: { modifier_type: "Outset", }, valid_for_first_letter: true, is_border: true, // Overlaps with -webkit-border-image. overlapping: true, stored_on_extra_field: ["border-image"], }, { name: "border-image-repeat", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], keywords: ["stretch", "repeat", "round", "space"], typedom_types: ["Keyword"], style_builder_template: "border_image", style_builder_template_args: { modifier_type: "Repeat", }, valid_for_first_letter: true, is_border: true, // Overlaps with -webkit-border-image. overlapping: true, stored_on_extra_field: ["border-image"], }, { name: "border-image-slice", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], interpolable: true, typedom_types: ["Number", "Percentage"], style_builder_template: "border_image", style_builder_template_args: { modifier_type: "Slice", }, valid_for_first_letter: true, is_border: true, // Overlaps with -webkit-border-image. overlapping: true, stored_on_extra_field: ["border-image"], percentages_depend_on_used_value: true, }, { name: "border-image-source", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], parse_helper: "ConsumeImageOrNone", interpolable: true, keywords: ["none"], typedom_types: ["Keyword", "Image"], style_builder_custom_functions: ["value"], valid_for_first_letter: true, is_border: true, // Overlaps with -webkit-border-image. overlapping: true, includes_currentcolor: true, stored_on_extra_field: ["border-image"], }, { name: "border-image-width", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], parse_helper: "ConsumeBorderImageWidth", interpolable: true, keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage", "Number"], style_builder_template: "border_image", style_builder_template_args: { modifier_type: "Width", }, valid_for_first_letter: true, is_border: true, // Overlaps with -webkit-border-image. overlapping: true, stored_on_extra_field: ["border-image"], percentages_depend_on_used_value: true, }, { name: "border-left-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback", "InitialValue"], parse_helper: "ConsumeBorderColorSide", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-color", resolver: "left", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-visual"], }, { name: "border-left-style", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "box", field_template: "keyword", keywords: [ "none", "hidden", "inset", "groove", "outset", "ridge", "dotted", "dashed", "solid", "double" ], typedom_types: ["Keyword"], default_value: "none", type_name: "EBorderStyle", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-style", resolver: "left", }, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-width", "border-visual"], }, { name: "border-left-width", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], parse_helper: "ParseBorderWidthSide", interpolable: true, field_group: "box", field_template: "external", keywords: ["thin", "medium", "thick"], default_value: "3", typedom_types: ["Keyword", "Length"], type_name: "int", computed_style_custom_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit"], converter: "ConvertBorderWidth", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-width", resolver: "left", }, // Overlaps with -webkit-border-image. overlapping: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-width", "border-visual"], affected_by_zoom: true, }, { name: "border-right-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback", "InitialValue"], parse_helper: "ConsumeBorderColorSide", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-color", resolver: "right", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-visual"], }, { name: "border-right-style", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "box", field_template: "keyword", keywords: [ "none", "hidden", "inset", "groove", "outset", "ridge", "dotted", "dashed", "solid", "double" ], typedom_types: ["Keyword"], default_value: "none", type_name: "EBorderStyle", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-style", resolver: "right", }, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-width", "border-visual"], }, { name: "border-right-width", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], parse_helper: "ParseBorderWidthSide", interpolable: true, field_group: "box", field_template: "external", keywords: ["thin", "medium", "thick"], default_value: "3", typedom_types: ["Keyword", "Length"], type_name: "int", computed_style_custom_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit"], converter: "ConvertBorderWidth", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-width", resolver: "right", }, // Overlaps with -webkit-border-image. overlapping: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-width", "border-visual"], affected_by_zoom: true, }, { name: "border-top-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback", "InitialValue"], parse_helper: "ConsumeBorderColorSide", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-color", resolver: "top", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-visual"], }, { name: "border-top-left-radius", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ParseBorderRadiusCorner", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_size.h"], default_value: "LengthSize(Length::Fixed(0), Length::Fixed(0))", type_name: "LengthSize", converter: "ConvertRadius", typedom_types: ["Length", "Percentage"], valid_for_first_letter: true, is_border: true, is_border_radius: true, logical_property_group: { name: "border-radius", resolver: "top-left", }, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-radius", "paint"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "border-top-right-radius", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ParseBorderRadiusCorner", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_size.h"], default_value: "LengthSize(Length::Fixed(0), Length::Fixed(0))", type_name: "LengthSize", converter: "ConvertRadius", typedom_types: ["Length", "Percentage"], valid_for_first_letter: true, is_border: true, is_border_radius: true, logical_property_group: { name: "border-radius", resolver: "top-right", }, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-radius", "paint"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "border-top-style", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "box", field_template: "keyword", keywords: [ "none", "hidden", "inset", "groove", "outset", "ridge", "dotted", "dashed", "solid", "double" ], typedom_types: ["Keyword"], default_value: "none", type_name: "EBorderStyle", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-style", resolver: "top", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-width", "border-visual"], }, { name: "border-top-width", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], parse_helper: "ParseBorderWidthSide", interpolable: true, field_group: "box", field_template: "external", keywords: ["thin", "medium", "thick"], default_value: "3", typedom_types: ["Keyword", "Length"], type_name: "int", computed_style_custom_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit"], converter: "ConvertBorderWidth", valid_for_first_letter: true, is_border: true, logical_property_group: { name: "border-width", resolver: "top", }, // Overlaps with -webkit-border-image. overlapping: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["border-width", "border-visual"], affected_by_zoom: true, }, { name: "border-shape", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSBorderShape", interpolable: true, compositable: false, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_border_shape.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "StyleBorderShape", converter: "ConvertBorderShape", keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["border-visual", "paint", "visual-overflow", "border-shape"], }, { name: "bottom", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "surround", field_template: "", keywords: ["auto"], default_value: "Length()", typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", anchor_mode: "bottom", logical_property_group: { name: "inset", resolver: "bottom", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, invalidate: ["inset", "out-of-flow", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "box-decoration-break", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "box", field_template: "keyword", keywords: ["slice", "clone"], default_value: "slice", invalidate: ["layout", "paint"], }, { name: "box-shadow", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/core/style/shadow_list.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "ShadowList", converter: "ConvertShadowList", keywords: ["none"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_permission_element: true, invalidate: ["paint", "visual-overflow"], includes_currentcolor: true, }, { name: "box-sizing", property_methods: ["CSSValueFromComputedStyleInternal"], // NOTE: Naturally fits into field_group: "box", but is so commonly set // that is is better to have it at the root. field_template: "keyword", keywords: ["content-box", "border-box"], typedom_types: ["Keyword"], default_value: "content-box", valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["layout"], }, { name: "break-after", property_methods: ["CSSValueFromComputedStyleInternal"], // Storage for this property also covers these legacy properties: // page-break-after, -webkit-column-break-after field_template: "keyword", field_group: "*", keywords: [ "auto", "avoid", "avoid-column", "avoid-page", "column", "left", "page", "recto", "right", "verso" ], typedom_types: ["Keyword"], default_value: "auto", type_name: "EBreakBetween", invalidate: ["layout"], }, { name: "break-before", property_methods: ["CSSValueFromComputedStyleInternal"], // Storage for this property also covers these legacy properties: // page-break-before, -webkit-column-break-before field_template: "keyword", field_group: "*", keywords: [ "auto", "avoid", "avoid-column", "avoid-page", "column", "left", "page", "recto", "right", "verso" ], typedom_types: ["Keyword"], default_value: "auto", type_name: "EBreakBetween", invalidate: ["layout"], }, { name: "break-inside", property_methods: ["CSSValueFromComputedStyleInternal"], // Storage for this property also covers these legacy properties: // page-break-inside, -webkit-column-break-inside field_template: "keyword", field_group: "*", keywords: ["auto", "avoid", "avoid-column", "avoid-page"], typedom_types: ["Keyword"], default_value: "auto", invalidate: ["layout"], }, { name: "buffered-rendering", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "svg", field_template: "keyword", keywords: ["auto", "dynamic", "static"], default_value: "auto", }, { name: "caption-side", property_methods: ["CSSValueFromComputedStyleInternal"], independent: true, inherited: true, field_template: "keyword", keywords: ["top", "bottom"], typedom_types: ["Keyword"], default_value: "top", invalidate: ["layout", "paint"], }, { name: "caret-animation", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_template: "keyword", keywords: ["auto", "manual"], default_value: "auto", typedom_types: ["Keyword"], invalidate: ["paint"], runtime_flag: "CSSCaretAnimation", }, { name: "caret-color", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], interpolable: true, inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_caret_color.h"], default_value: "StyleCaretColor()", type_name: "StyleCaretColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleCaretColor", keywords: ["auto", "currentcolor"], typedom_types: ["Keyword"], invalidate: ["color"], includes_currentcolor: true, }, { name: "caret-shape", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_template: "keyword", keywords: ["auto", "bar", "block", "underscore"], default_value: "auto", typedom_types: ["Keyword"], invalidate: ["paint"], runtime_flag: "CSSCaretShape", }, { name: "clear", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", computed_style_protected_functions: ["getter"], keywords: ["none", "left", "right", "both", "inline-start", "inline-end"], typedom_types: ["Keyword"], default_value: "none", valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "clip", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "visual", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_box.h"], default_value: "LengthBox()", type_name: "LengthBox", computed_style_custom_functions: ["setter"], style_builder_template: "auto", converter: "ConvertClip", keywords: ["auto"], typedom_types: ["Keyword"], invalidate: ["clip"], }, { name: "clip-path", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, compositable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/clip_path_operation.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "ClipPathOperation", computed_style_custom_functions: ["getter", "setter"], converter: "ConvertClipPath", keywords: ["border-box", "padding-box", "content-box", "margin-box", "fill-box", "stroke-box", "view-box", "none"], typedom_types: ["Keyword"], invalidate: ["clip-path"], }, { name: "clip-rule", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", // TODO(fs): Convert this to a keyword (requires enum massage). field_template: "primitive", field_size: 1, include_paths: ["third_party/blink/renderer/platform/geometry/path_types.h"], type_name: "WindRule", keywords: ["nonzero", "evenodd"], default_value: "RULE_NONZERO", typedom_types: ["Keyword"], invalidate: ["paint"], }, { name: "color-interpolation", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", field_template: "keyword", type_name: "EColorInterpolation", keywords: ["auto", "srgb", "linearrgb"], default_value: "srgb", typedom_types: ["Keyword"], invalidate: ["paint"], }, { name: "color-interpolation-filters", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", field_template: "keyword", type_name: "EColorInterpolation", keywords: ["auto", "srgb", "linearrgb"], default_value: "linearrgb", typedom_types: ["Keyword"], invalidate: ["paint"], }, { name: "color-rendering", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", field_template: "keyword", keywords: ["auto", "optimizespeed", "optimizequality"], default_value: "auto", typedom_types: ["Keyword"], }, { name: "color-scheme", field_group: "*", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_custom_functions: ["initial", "inherit", "value"], inherited: true, include_paths: ["third_party/blink/public/mojom/frame/color_scheme.mojom-blink.h"], type_name: "Vector", default_value: "Vector()", field_template: "external", // Affects the computed value of 'color', hence needs to happen before // high-priority properties. priority: 2, valid_for_permission_element: true, }, { name: "column-fill", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["balance", "auto"], default_value: "balance", getter: "GetColumnFill", typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "contain", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_size: 5, field_template: "primitive", default_value: "kContainsNone", name_for_methods: "Contain", type_name: "unsigned", converter: "ConvertFlags", keywords: ["none", "strict", "content", "size", "layout", "style", "paint", "inline-size", "block-size"], typedom_types: ["Keyword"], invalidate: ["layout"], is_animation_affecting: true, }, { name: "contain-intrinsic-width", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeIntrinsicSizeLonghand", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_intrinsic_length.h"], keywords: ["none"], default_value: "StyleIntrinsicLength()", type_name: "StyleIntrinsicLength", converter: "ConvertIntrinsicDimension", valid_for_permission_element: true, invalidate: ["layout", "scroll-anchor"], }, { name: "contain-intrinsic-height", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeIntrinsicSizeLonghand", interpolable: true, field_group: "surround", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_intrinsic_length.h"], keywords: ["none"], default_value: "StyleIntrinsicLength()", type_name: "StyleIntrinsicLength", converter: "ConvertIntrinsicDimension", valid_for_permission_element: true, invalidate: ["layout", "scroll-anchor"], }, { name: "container-name", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeContainerName", type_name: "ScopedCSSNameList", wrapper_pointer_name: "Member", default_value: "nullptr", field_group: "*", field_template: "external", converter: "ConvertContainerName", keywords: ["none"], typedom_types: ["Keyword"], valid_for_permission_element: true, is_animation_affecting: true, }, { name: "container-type", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], keywords: ["normal", "inline-size", "size", "scroll-state", "anchored"], field_group: "*", field_size: 4, field_template: "primitive", default_value: "kContainerTypeNormal", type_name: "unsigned", converter: "ConvertFlags", typedom_types: ["Keyword"], valid_for_permission_element: true, invalidate: ["layout"], is_animation_affecting: true, }, { name: "content", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/content_data.h"], wrapper_pointer_name: "Member", default_value: "nullptr", separator: ",", type_name: "ContentData", computed_style_custom_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit", "value"], valid_for_marker: true, valid_for_page_context: true, supports_incremental_style: true, }, { name: "corner-bottom-left-shape", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeCornerShape", interpolable: true, field_group: "surround", field_template: "external", default_value: "Superellipse::Round()", include_paths: ["third_party/blink/renderer/core/style/superellipse.h"], keywords: ["notch", "scoop", "bevel", "round", "squircle", "square"], type_name: "Superellipse", converter: "ConvertCornerShape", valid_for_first_letter: true, logical_property_group: { name: "corner-shape", resolver: "bottom-left", }, valid_for_page_context: true, invalidate: ["border-radius", "paint"], }, { name: "corner-bottom-right-shape", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeCornerShape", interpolable: true, field_group: "surround", field_template: "external", default_value: "Superellipse::Round()", include_paths: ["third_party/blink/renderer/core/style/superellipse.h"], keywords: ["notch", "scoop", "bevel", "round", "squircle", "square"], type_name: "Superellipse", converter: "ConvertCornerShape", valid_for_first_letter: true, logical_property_group: { name: "corner-shape", resolver: "bottom-right", }, valid_for_page_context: true, invalidate: ["border-radius", "paint"], }, { name: "corner-top-left-shape", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeCornerShape", interpolable: true, field_group: "surround", field_template: "external", default_value: "Superellipse::Round()", include_paths: ["third_party/blink/renderer/core/style/superellipse.h"], keywords: ["notch", "scoop", "bevel", "round", "squircle", "square"], type_name: "Superellipse", converter: "ConvertCornerShape", valid_for_first_letter: true, logical_property_group: { name: "corner-shape", resolver: "top-left", }, valid_for_page_context: true, invalidate: ["border-radius", "paint"], }, { name: "corner-top-right-shape", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeCornerShape", interpolable: true, field_group: "surround", field_template: "external", default_value: "Superellipse::Round()", include_paths: ["third_party/blink/renderer/core/style/superellipse.h"], keywords: ["notch", "scoop", "bevel", "round", "squircle", "square"], type_name: "Superellipse", converter: "ConvertCornerShape", valid_for_first_letter: true, logical_property_group: { name: "corner-shape", resolver: "top-right", }, valid_for_page_context: true, invalidate: ["border-radius", "paint"], }, { name: "counter-increment", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], style_builder_template: "counter", style_builder_template_args: { action: "Increment", }, keywords: ["none"], typedom_types: ["Keyword"], valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["CounterDirectives"], }, { name: "counter-reset", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], style_builder_template: "counter", style_builder_template_args: { action: "Reset", }, keywords: ["none"], typedom_types: ["Keyword"], valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["CounterDirectives"], }, { name: "counter-set", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], style_builder_template: "counter", style_builder_template_args: { action: "Set", }, keywords: ["none"], typedom_types: ["Keyword"], valid_for_permission_element: true, valid_for_page_context: true, stored_on_extra_field: ["CounterDirectives"], }, { name: "cursor", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "inherited", inherited: true, independent: true, field_template: "keyword_custom", keywords: [ "auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "e-resize", "n-resize", "ne-resize", "nw-resize", "s-resize", "se-resize", "sw-resize", "w-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "col-resize", "row-resize", "all-scroll", "zoom-in", "zoom-out", "grab", "grabbing" ], default_value: "auto", style_builder_custom_functions: ["initial", "inherit", "value"], typedom_types: ["Keyword"], valid_for_marker: true, valid_for_permission_element: true, }, { name: "cx", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->geometry", field_template: "", default_value: "Length::Fixed()", typedom_types: ["Length", "Percentage"], converter: "ConvertLength", supports_incremental_style: true, invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "cy", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->geometry", field_template: "", default_value: "Length::Fixed()", typedom_types: ["Length", "Percentage"], converter: "ConvertLength", supports_incremental_style: true, invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "d", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->geometry", field_template: "pointer", include_paths: ["third_party/blink/renderer/core/style/style_path.h"], wrapper_pointer_name: "Member", type_name: "StylePath", default_value: "nullptr", converter: "ConvertPathOrNone", keywords: ["none"], typedom_types: ["Keyword"], supports_incremental_style: true, invalidate: ["layout", "paint"], }, { name: "display", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], keywords: [ "inline", "block", "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", "-webkit-box", "-webkit-inline-box", "flex", "inline-flex", "grid", "inline-grid", "contents", "flow-root", "none", "flow", "math", "ruby", "ruby-text", "grid-lanes", "inline-grid-lanes" ], typedom_types: ["Keyword"], style_builder_custom_functions: ["initial", "inherit", "value"], // In general many things are tweaked after-the-fact based on display/float/position // (e.g. OriginalDisplay is based on display, and setting float can cause blockification), // so we turn off incremental style for all them all. supports_incremental_style: false, valid_for_permission_element: true, valid_for_permission_icon: true, invalidate: ["layout", "paint"], stored_on_extra_field: ["Display"], }, { name: "dominant-baseline", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", field_template: "keyword", keywords: ["auto", "alphabetic", "ideographic", "middle", "central", "mathematical", "hanging", "use-script", "no-change", "reset-size", "text-after-edge", "text-before-edge"], default_value: "auto", typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "empty-cells", property_methods: ["CSSValueFromComputedStyleInternal"], independent: true, inherited: true, field_group: "*", field_template: "keyword", keywords: ["show", "hide"], typedom_types: ["Keyword"], default_value: "show", invalidate: ["layout", "paint"], }, { name: "fill", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeSVGPaint", interpolable: true, inherited: true, includes_currentcolor: true, field_group: "svginherited->fill", field_template: "external", type_name: "SVGPaint", include_paths: ["third_party/blink/renderer/core/style/svg_paint.h"], default_value: "SVGPaint::CreateInitialBlack()", name_for_methods: "FillPaint", converter: "ConvertSVGPaint", style_builder_template: "color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialFillPaint", }, style_builder_custom_functions: ["value"], valid_for_highlight: true, valid_for_permission_icon: true, invalidate: ["paint"], }, { name: "fill-opacity", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeAlphaValue", interpolable: true, inherited: true, field_group: "svginherited->fill", field_template: "primitive", type_name: "float", default_value: "1", converter: "ConvertAlpha", typedom_types: ["Number"], accepts_numeric_literal: true, invalidate: ["paint"], percentages_depend_on_used_value: false, }, { name: "fill-rule", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", // TODO(fs): Convert this to a keyword (requires enum massage). field_template: "primitive", field_size: 1, include_paths: ["third_party/blink/renderer/platform/geometry/path_types.h"], type_name: "WindRule", keywords: ["nonzero", "evenodd"], default_value: "RULE_NONZERO", typedom_types: ["Keyword"], invalidate: ["paint"], }, { name: "filter", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeFilterFunctionList", interpolable: true, compositable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/filter_operations.h"], default_value: "FilterOperations()", type_name: "FilterOperations", computed_style_custom_functions: ["initial"], style_builder_custom_functions: ["value"], keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["filter-data"], includes_currentcolor: true, }, { name: "flex-basis", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "", default_value: "Length::Auto()", converter: "ConvertLengthSizing", typedom_types: ["Keyword", "Length", "Percentage"], keywords: ["auto", "fit-content", "min-content", "max-content", "content"], valid_for_permission_element: true, invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "flex-direction", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "*", field_template: "keyword", typedom_types: ["Keyword"], keywords: ["row", "row-reverse", "column", "column-reverse"], default_value: "row", valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "flex-grow", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "primitive", default_value: "0.0f", type_name: "float", typedom_types: ["Number"], valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "flex-shrink", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "primitive", default_value: "1.0f", type_name: "float", typedom_types: ["Number"], valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "flex-wrap", property_methods: ["InitialValue", "ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_flex_wrap_data.h"], default_value: "StyleFlexWrapData(FlexWrapMode::kNowrap)", type_name: "StyleFlexWrapData", converter: "ConvertFlexWrapData", typedom_types: ["Keyword"], keywords: ["nowrap", "wrap", "wrap-reverse", "balance"], valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "flex-line-count", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "primitive", default_value: "1u", type_name: "uint16_t", typedom_types: ["Number"], valid_for_permission_element: true, invalidate: ["layout", "paint"], runtime_flag: "FlexWrapBalance", }, { name: "float", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", computed_style_protected_functions: ["getter"], keywords: ["none", "left", "right", "inline-start", "inline-end"], typedom_types: ["Keyword"], default_value: "none", name_for_methods: "Floating", type_name: "EFloat", valid_for_first_letter: true, // See comment on display. supports_incremental_style: false, valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "flood-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColor", interpolable: true, field_group: "svg->svgmisc", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(Color::kBlack)", type_name: "StyleColor", style_builder_template: "color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialFloodColor", }, converter: "ConvertStyleColor", keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], supports_incremental_style: true, invalidate: ["paint"], }, { name: "flood-opacity", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeAlphaValue", interpolable: true, field_group: "svg->svgmisc", field_template: "primitive", type_name: "float", default_value: "1", converter: "ConvertAlpha", typedom_types: ["Number"], supports_incremental_style: true, accepts_numeric_literal: true, invalidate: ["paint"], percentages_depend_on_used_value: false, }, { name: "flow-tolerance", include_paths: ["third_party/blink/renderer/core/style/flow_tolerance.h"], property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeFlowTolerance", field_group: "*", field_template: "external", default_value: "FlowTolerance(CSSValueID::kNormal)", type_name: "FlowTolerance", converter: "ConvertFlowTolerance", typedom_types: ["Length", "Percentage", "Keyword"], keywords: ["normal", "infinite"], invalidate: ["layout", "paint"], runtime_flag: "CSSGridLanesLayout", percentages_depend_on_used_value: true, }, { name: "frame-sizing", field_group: "surround", field_template: "keyword", property_methods: ["CSSValueFromComputedStyleInternal"], keywords: ["auto", "content-width", "content-height", "content-block-size", "content-inline-size"], default_value: "auto", typedom_types: ["Keyword"], invalidate: ["layout", "scroll-anchor"], runtime_flag: "ResponsiveIframes", }, { name: "grid-auto-columns", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/grid_track_list.h"], default_value: "GridTrackList(GridTrackSize(Length::Auto()))", type_name: "GridTrackList", converter: "ConvertGridTrackSizeList", keywords: ["auto", "min-content", "max-content"], typedom_types: ["Keyword", "Length", "Percentage", "Flex"], separator: " ", invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "grid-auto-flow", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "*", field_size: 4, // FIXME: Make this use "kGridAutoFlowBits". field_template: "primitive", default_value: "kAutoFlowRow", type_name: "GridAutoFlow", computed_style_custom_functions: ["getter"], converter: "ConvertGridAutoFlow", keywords: ["row", "column"], typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "grid-auto-rows", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/grid_track_list.h"], default_value: "GridTrackList(GridTrackSize(Length::Auto()))", type_name: "GridTrackList", converter: "ConvertGridTrackSizeList", keywords: ["auto", "min-content", "max-content"], typedom_types: ["Keyword", "Length", "Percentage", "Flex"], separator: " ", invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "grid-column-end", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeGridLine", field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/grid_position.h"], default_value: "GridPosition()", type_name: "GridPosition", keywords: ["auto"], typedom_types: ["Keyword"], converter: "ConvertGridPosition", invalidate: ["layout", "paint"], }, { name: "grid-column-start", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeGridLine", field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/grid_position.h"], default_value: "GridPosition()", type_name: "GridPosition", keywords: ["auto"], typedom_types: ["Keyword"], converter: "ConvertGridPosition", invalidate: ["layout", "paint"], }, { name: "grid-lanes-direction", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/layout/grid_lanes/grid_lanes_direction.h"], default_value: "GridLanesDirection()", type_name: "GridLanesDirection", converter: "ConvertGridLanesDirection", getter: "GetGridLanesDirection", typedom_types: ["Keyword"], keywords: ["normal", "row", "column", "fill-reverse", "track-reverse"], typedom_keywords: ["normal"], invalidate: ["layout", "paint"], runtime_flag: "CSSGridLanesLayout", }, { name: "grid-lanes-pack", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", typedom_types: ["Keyword"], keywords: ["normal", "dense"], default_value: "normal", invalidate: ["layout", "paint"], runtime_flag: "CSSGridLanesLayout", }, { name: "grid-row-end", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeGridLine", field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/grid_position.h"], default_value: "GridPosition()", type_name: "GridPosition", keywords: ["auto"], typedom_types: ["Keyword"], converter: "ConvertGridPosition", invalidate: ["layout", "paint"], }, { name: "grid-row-start", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeGridLine", field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/grid_position.h"], default_value: "GridPosition()", type_name: "GridPosition", keywords: ["auto"], typedom_types: ["Keyword"], converter: "ConvertGridPosition", invalidate: ["layout", "paint"], }, { name: "grid-template-areas", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/computed_grid_template_areas.h"], type_name: "ComputedGridTemplateAreas", wrapper_pointer_name: "Member", default_value: "nullptr", keywords: ["none"], typedom_types: ["Keyword"], converter: "ConvertGridTemplateAreas", invalidate: ["layout", "paint"], }, { name: "grid-template-columns", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeGridTemplatesRowsOrColumns", layout_dependent: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/computed_grid_track_list.h"], interpolable: true, default_value: "nullptr", wrapper_pointer_name: "Member", type_name: "ComputedGridTrackList", converter: "ConvertGridTrackList", getter: "SpecifiedGridTemplateColumns", style_builder_custom_functions: ["inherit"], keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "hanging-punctuation", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "multi_keyword", keywords: ["none", "first", "last", "allow-end"], typedom_types: ["Keyword"], default_value: "none", type_name: "HangingPunctuation", getter: "GetHangingPunctuation", converter: "ConvertFlags", runtime_flag: "CSSHangingPunctuation", invalidate: ["layout", "paint"], }, { name: "grid-template-rows", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeGridTemplatesRowsOrColumns", layout_dependent: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/computed_grid_track_list.h"], interpolable: true, default_value: "nullptr", wrapper_pointer_name: "Member", type_name: "ComputedGridTrackList", converter: "ConvertGridTrackList", getter: "SpecifiedGridTemplateRows", style_builder_custom_functions: ["inherit"], keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "height", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", keywords: ["auto", "fit-content", "min-content", "max-content"], default_value: "Length()", typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthSizing", anchor_mode: "height", logical_property_group: { name: "size", resolver: "vertical", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, invalidate: ["layout", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "hyphenate-limit-chars", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeHyphenateLimitChars", inherited: true, field_group: "*", field_template: "external", keywords: ["auto"], type_name: "StyleHyphenateLimitChars", default_value: "StyleHyphenateLimitChars()", include_paths: ["third_party/blink/renderer/core/style/style_hyphenate_limit_chars.h"], converter: "ConvertHyphenateLimitChars", invalidate: ["layout", "paint"], }, { name: "interest-delay", longhands: [ "interest-delay-start", "interest-delay-end" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], supports_incremental_style: true, }, { name: "interest-delay-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", type_name: "StyleInterestDelay", default_value: "StyleInterestDelay()", interpolable: true, include_paths: ["third_party/blink/renderer/core/style/style_interest_delay.h"], converter: "ConvertInterestDelayValue", supports_incremental_style: true, }, { name: "interest-delay-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", type_name: "StyleInterestDelay", default_value: "StyleInterestDelay()", interpolable: true, include_paths: ["third_party/blink/renderer/core/style/style_interest_delay.h"], converter: "ConvertInterestDelayValue", supports_incremental_style: true, }, { name: "hyphens", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["none", "manual", "auto"], default_value: "manual", type_name: "Hyphens", typedom_types: ["Keyword"], valid_for_marker: true, invalidate: ["layout", "paint"], }, { name: "image-animation", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", include_paths: [ "third_party/blink/renderer/platform/graphics/image_node_animation_info.h" ], type_name: "ImageAnimationEnum", keywords: ["normal", "running", "paused", "stopped"], default_value: "normal", typedom_types: ["Keyword"], invalidate: ["paint"], runtime_flag: "CSSImageAnimation", }, { name: "image-rendering", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: [ "auto", "optimizespeed", "optimizequality", "-webkit-optimize-contrast", "pixelated", "crisp-edges" ], typedom_types: ["Keyword"], default_value: "auto", invalidate: ["paint"], }, { name: "image-orientation", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "primitive", field_size: 1, type_name: "RespectImageOrientationEnum", default_value: "kRespectImageOrientation", converter: "ConvertImageOrientation", include_paths: [ "third_party/blink/renderer/platform/graphics/image_orientation.h" ], invalidate: ["layout", "paint"], }, { name: "dynamic-range-limit", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, runtime_flag: "CSSDynamicRangeLimit", converter: "ConvertDynamicRangeLimit", type_name: "DynamicRangeLimit", field_group: "*", field_template: "external", keywords: ["standard", "no-limit", "constrained"], typedom_types: ["Keyword"], include_paths: ["third_party/blink/renderer/platform/graphics/graphics_context_types.h"], default_value: "DynamicRangeLimit(cc::PaintFlags::DynamicRangeLimit::kHigh)", invalidate: ["paint"], }, { name: "initial-letter", converter: "ConvertInitialLetter", default_value: "StyleInitialLetter()", field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_initial_letter.h"], inherited: false, keywords: ["drop", "normal", "raise"], property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeInitialLetter", type_name: "StyleInitialLetter", valid_for_first_letter: true, invalidate: ["reshape", "layout", "paint"], }, { name: "interactivity", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, independent: true, field_group: "*", field_template: "keyword", keywords: ["auto", "inert"], typedom_types: ["Keyword"], default_value: "auto", invalidate: [], }, { name: "interpolate-size", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["numeric-only", "allow-keywords"], typedom_types: ["Keyword"], default_value: "numeric-only", invalidate: [], is_animation_affecting: true, }, { name: "isolation", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["auto", "isolate"], typedom_types: ["Keyword"], default_value: "auto", valid_for_permission_element: true, invalidate: ["paint"], }, { name: "justify-content", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "box", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_content_alignment_data.h"], default_value: "StyleContentAlignmentData(ContentPosition::kNormal, ContentDistributionType::kDefault, OverflowAlignment::kDefault)", type_name: "StyleContentAlignmentData", converter: "ConvertContentAlignmentData", invalidate: ["layout"], }, { name: "justify-items", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_self_alignment_data.h"], default_value: "StyleSelfAlignmentData(ItemPosition::kLegacy, OverflowAlignment::kDefault)", type_name: "StyleSelfAlignmentData", converter: "ConvertSelfOrDefaultAlignmentData", invalidate: ["layout"], }, { name: "justify-self", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_self_alignment_data.h"], default_value: "StyleSelfAlignmentData(ItemPosition::kAuto, OverflowAlignment::kDefault)", type_name: "StyleSelfAlignmentData", converter: "ConvertSelfOrDefaultAlignmentData", valid_for_position_try: true, valid_for_permission_element: true, invalidate: ["layout"], }, { name: "left", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "surround", field_template: "", keywords: ["auto"], default_value: "Length()", typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", anchor_mode: "left", logical_property_group: { name: "inset", resolver: "left", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, invalidate: ["inset", "out-of-flow", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "letter-spacing", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ParseSpacing", interpolable: true, inherited: true, keywords: ["normal"], field_group: "inherited", field_template: "", default_value: "Length::Fixed()", getter: "ComputedLetterSpacing", converter: "ConvertSpacing", computed_style_custom_functions: ["getter"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, valid_for_permission_element: true, valid_for_page_context: true, affected_by_zoom: true, // The field isn't actually used; this is currently stored in FontDescription. stored_on_extra_field: ["font"], percentages_depend_on_used_value: false, }, { name: "lighting-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColor", interpolable: true, field_group: "svg->svgmisc", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(Color::kWhite)", type_name: "StyleColor", style_builder_template: "color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialLightingColor", }, converter: "ConvertStyleColor", keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], invalidate: ["paint"], }, { name: "line-height", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeLineHeight", interpolable: true, inherited: true, field_group: "inherited", field_template: "", default_value: "Length::Auto()", converter: "ConvertLineHeight", keywords: ["normal"], typedom_types: ["Keyword", "Length", "Number", "Percentage"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, valid_for_page_context: true, affected_by_zoom: true, invalidate: ["layout", "paint"], // The font and line height are necessary to correctly resolve font relative // units. highlight_style_comes_from_originating_element: true, percentages_depend_on_used_value: false, }, { name: "list-style-image", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeImageOrNone", interpolable: true, inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_image.h"], wrapper_pointer_name: "Member", default_value: "nullptr", typedom_types: ["Keyword", "Image"], type_name: "StyleImage", style_builder_custom_functions: ["value"], keywords: ["none"], invalidate: ["layout", "paint"], affected_by_zoom: true, includes_currentcolor: true, }, { name: "list-style-position", property_methods: ["CSSValueFromComputedStyleInternal"], independent: true, inherited: true, field_template: "keyword", keywords: ["outside", "inside"], typedom_types: ["Keyword"], default_value: "outside", invalidate: ["layout", "paint"], }, { name: "list-style-type", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/keywords.h", "third_party/blink/renderer/core/style/list_style_type_data.h"], wrapper_pointer_name: "Member", default_value: "ListStyleTypeData::CreateCounterStyle(keywords::kDisc, nullptr)", type_name: "ListStyleTypeData", keywords: [ "disc", "circle", "square", "disclosure-open", "disclosure-closed", "decimal", "none" ], style_builder_custom_functions: ["value"], invalidate: ["layout", "paint"], }, { name: "margin-bottom", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", default_value: "Length::Fixed()", converter: "ConvertQuirkyLength", computed_style_custom_functions: ["setter"], keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_position_try: true, logical_property_group: { name: "margin", resolver: "bottom", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["margin", "out-of-flow", "scroll-anchor"], anchor_mode: "height", percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "margin-left", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", default_value: "Length::Fixed()", converter: "ConvertQuirkyLength", computed_style_custom_functions: ["setter"], keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_position_try: true, logical_property_group: { name: "margin", resolver: "left", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, invalidate: ["margin", "out-of-flow", "scroll-anchor"], anchor_mode: "width", percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "margin-right", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", default_value: "Length::Fixed()", converter: "ConvertQuirkyLength", computed_style_custom_functions: ["setter"], keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_position_try: true, logical_property_group: { name: "margin", resolver: "right", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, invalidate: ["margin", "out-of-flow", "scroll-anchor"], anchor_mode: "width", percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "margin-top", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", default_value: "Length::Fixed()", converter: "ConvertQuirkyLength", computed_style_custom_functions: ["setter"], keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_position_try: true, logical_property_group: { name: "margin", resolver: "top", }, supports_incremental_style: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["margin", "out-of-flow", "scroll-anchor"], anchor_mode: "height", percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "margin-trim", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_size: 4, field_template: "primitive", name_for_methods: "MarginTrim", type_name: "unsigned", converter: "ConvertFlags", default_value: "kMarginTrimNone", typedom_types: ["Keyword"], runtime_flag: "MarginTrim", invalidate: ["layout"], }, { name: "marker-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited->resources", field_template: "pointer", type_name: "StyleSVGResource", include_paths: ["third_party/blink/renderer/core/style/style_svg_resource.h"], wrapper_pointer_name: "Member", default_value: "nullptr", name_for_methods: "MarkerEndResource", style_builder_custom_functions: ["value"], keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "marker-mid", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited->resources", field_template: "pointer", type_name: "StyleSVGResource", include_paths: ["third_party/blink/renderer/core/style/style_svg_resource.h"], wrapper_pointer_name: "Member", default_value: "nullptr", name_for_methods: "MarkerMidResource", style_builder_custom_functions: ["value"], keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "marker-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited->resources", field_template: "pointer", type_name: "StyleSVGResource", include_paths: ["third_party/blink/renderer/core/style/style_svg_resource.h"], wrapper_pointer_name: "Member", default_value: "nullptr", name_for_methods: "MarkerStartResource", style_builder_custom_functions: ["value"], keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "mask-type", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "svg", field_template: "keyword", keywords: ["luminance", "alpha"], typedom_types: ["Keyword"], default_value: "luminance", invalidate: ["paint"], }, { name: "math-shift", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", inherited: true, keywords: ["normal", "compact"], typedom_types: ["Keyword"], default_value: "normal", }, { name: "math-style", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", inherited: true, keywords: ["normal", "compact"], typedom_types: ["Keyword"], default_value: "normal", }, { name: "max-height", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "box", field_template: "", default_value: "Length::None()", converter: "ConvertLengthMaxSizing", anchor_mode: "height", keywords: ["none"], typedom_types: ["Keyword", "Length", "Percentage"], logical_property_group: { name: "max-size", resolver: "vertical", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, invalidate: ["layout", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "max-width", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "box", field_template: "", default_value: "Length::None()", converter: "ConvertLengthMaxSizing", anchor_mode: "width", keywords: ["none"], typedom_types: ["Keyword", "Length", "Percentage"], logical_property_group: { name: "max-size", resolver: "horizontal", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, invalidate: ["layout", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "min-height", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "box", field_template: "", default_value: "Length()", converter: "ConvertLengthSizing", anchor_mode: "height", typedom_types: ["Length", "Percentage"], logical_property_group: { name: "min-size", resolver: "vertical", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, invalidate: ["layout", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "min-width", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "box", field_template: "", default_value: "Length()", converter: "ConvertLengthSizing", anchor_mode: "width", typedom_types: ["Length", "Percentage"], logical_property_group: { name: "min-size", resolver: "horizontal", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, invalidate: ["layout", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "mix-blend-mode", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", include_paths: ["third_party/blink/renderer/platform/graphics/blend_mode.h"], keywords: [ "normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter" ], typedom_types: ["Keyword"], default_value: "normal", name_for_methods: "BlendMode", type_name: "BlendMode", invalidate: ["blend-mode", "paint"], }, { name: "object-fit", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["fill", "contain", "cover", "none", "scale-down"], typedom_types: ["Keyword"], default_value: "fill", getter: "GetObjectFit", invalidate: ["paint"], }, { name: "object-position", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_point.h"], default_value: "LengthPoint(Length::Percent(50.0), Length::Percent(50.0))", type_name: "LengthPoint", converter: "ConvertPosition", typedom_types: ["Keyword", "Position"], invalidate: ["paint"], percentages_depend_on_used_value: true, }, { name: "object-view-box", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/core/style/basic_shapes.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "BasicShape", converter: "ConvertObjectViewBox", keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "offset-anchor", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_point.h"], default_value: "LengthPoint(Length::Auto(), Length::Auto())", type_name: "LengthPoint", converter: "ConvertPositionOrAuto", keywords: ["auto"], typedom_types: ["Keyword", "Position"], invalidate: ["transform-data", "transform-other"], percentages_depend_on_used_value: true, }, { name: "offset-distance", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", converter: "ConvertLength", typedom_types: ["Length", "Percentage"], invalidate: ["transform-data", "transform-other"], percentages_depend_on_used_value: true, }, { name: "offset-path", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeOffsetPath", interpolable: true, field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/core/style/offset_path_operation.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "OffsetPathOperation", converter: "ConvertOffsetPath", keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["has-transform", "transform-data", "transform-other"], }, { name: "offset-position", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_point.h"], default_value: "LengthPoint(Length::None(), Length::None())", type_name: "LengthPoint", converter: "ConvertOffsetPosition", keywords: ["auto", "normal"], typedom_types: ["Keyword", "Position"], invalidate: ["has-transform", "transform-data", "transform-other"], percentages_depend_on_used_value: true, }, { name: "offset-rotate", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeOffsetRotate", interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_offset_rotation.h"], default_value: "StyleOffsetRotation(0, OffsetRotationType::kAuto)", type_name: "StyleOffsetRotation", converter: "ConvertOffsetRotate", keywords: ["auto", "reverse"], typedom_types: ["Keyword", "Angle"], invalidate: ["transform-data", "transform-other"], }, { name: "opacity", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeAlphaValue", interpolable: true, compositable: true, field_group: "svg", // Not SVG, but frequently used with it. field_template: "primitive", default_value: "1.0", type_name: "float", computed_style_custom_functions: ["setter"], typedom_types: ["Number"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, supports_incremental_style: true, accepts_numeric_literal: true, invalidate: ["opacity"], percentages_depend_on_used_value: false, }, { name: "order", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeInteger", interpolable: true, field_group: "*", field_template: "primitive", default_value: "0", type_name: "int", typedom_types: ["Number"], valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { // This property is used for testing with origin trial intergration only. // It should never be web-exposed. name: "origin-trial-test-property", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", default_value: "normal", keywords: ["normal", "none"], typedom_types: ["Keyword"], runtime_flag: "OriginTrialsSampleAPI", computable: false, }, { name: "orphans", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumePositiveInteger", interpolable: true, inherited: true, field_group: "*", field_template: "primitive", computed_style_custom_functions: ["setter"], default_value: "2", type_name: "short", typedom_types: ["Number"], valid_for_permission_element: true, invalidate: ["layout"], }, { name: "outline-color", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_cue: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["outline"], }, { name: "outline-offset", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "external", default_value: "0", type_name: "int", converter: "ConvertOutlineOffset", typedom_types: ["Length"], valid_for_cue: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["outline"], affected_by_zoom: true, }, { name: "outline-style", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: [ "none", "hidden", "inset", "groove", "outset", "ridge", "dotted", "dashed", "solid", "double" ], typedom_types: ["Keyword"], default_value: "none", type_name: "EBorderStyle", style_builder_custom_functions: ["initial", "inherit", "value"], valid_for_cue: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["outline"], }, { name: "outline-width", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "external", default_value: "3", type_name: "int", computed_style_custom_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit"], converter: "ConvertBorderWidth", keywords: ["thin", "medium", "thick"], typedom_types: ["Keyword", "Length"], valid_for_cue: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["outline"], affected_by_zoom: true, }, { name: "overflow-anchor", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: false, field_template: "keyword", keywords: [ "visible", "none", "auto" ], typedom_types: ["Keyword"], default_value: "auto", valid_for_permission_element: true, }, { name: "overflow-wrap", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["normal", "break-word", "anywhere"], default_value: "normal", typedom_types: ["Keyword"], valid_for_marker: true, invalidate: ["layout", "paint"], }, { name: "overflow-inline", logical_property_group: { name: "overflow", resolver: "inline", }, // See comment on overflow-x. supports_incremental_style: false, }, { name: "overflow-block", logical_property_group: { name: "overflow", resolver: "block", }, // See comment on overflow-x. supports_incremental_style: false, }, { name: "overflow-clip-margin", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_template: "external", field_group: "box", include_paths: ["third_party/blink/renderer/core/style/style_overflow_clip_margin.h"], keywords: ["border-box", "content-box", "padding-box"], separator: " ", default_value: "std::nullopt", type_name: "std::optional", converter: "ConvertOverflowClipMargin", invalidate: ["box-paint-property", "layout"], }, { name: "overflow-x", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", keywords: [ "visible", "hidden", "scroll", "auto", "overlay", "clip" ], typedom_types: ["Keyword"], default_value: "visible", // This is to allow us to gather metrics when overflow is explicitly set. style_builder_custom_functions: ["initial", "inherit", "value"], type_name: "EOverflow", logical_property_group: { name: "overflow", resolver: "horizontal", }, // Overflow has special semantics; overflowY can influence overflowX. // But StyleAdjuster::AdjustOverflow() only does this properly if overflowX // is set to the initial value (it cannot distinguish between an explicitly // set overflowX, and one that was already adjusted in a previous pass). // Modifying overflow frequently should not be common, so we take it out. supports_incremental_style: false, idempotent: false, invalidate: ["box-paint-property", "layout", "paint"], }, { name: "overflow-y", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", keywords: [ "visible", "hidden", "scroll", "auto", "overlay", "clip" ], typedom_types: ["Keyword"], default_value: "visible", // This is to allow us to gather metrics when overflow is explicitly set. style_builder_custom_functions: ["initial", "inherit", "value"], type_name: "EOverflow", logical_property_group: { name: "overflow", resolver: "vertical", }, // See comment on overflow-x. supports_incremental_style: false, idempotent: false, invalidate: ["box-paint-property", "layout", "paint"], }, { name: "-internal-overscroll-area", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["none", "auto", "overlay"], typedom_types: ["Keyword"], default_value: "none", runtime_flag: "OverscrollGestures", }, { name: "overscroll-behavior-inline", logical_property_group: { name: "overscroll-behavior", resolver: "inline", }, valid_for_permission_element: true, }, { name: "overscroll-behavior-block", logical_property_group: { name: "overscroll-behavior", resolver: "block", }, valid_for_permission_element: true, }, { name: "overscroll-behavior-x", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", field_group: "*", keywords: ["auto", "chain", "contain", "none"], default_value: "auto", type_name: "EOverscrollBehavior", typedom_types: ["Keyword"], logical_property_group: { name: "overscroll-behavior", resolver: "horizontal", }, invalidate: ["box-paint-property"], valid_for_permission_element: true, }, { name: "overscroll-behavior-y", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", field_group: "*", keywords: ["auto", "chain", "contain", "none"], default_value: "auto", type_name: "EOverscrollBehavior", typedom_types: ["Keyword"], logical_property_group: { name: "overscroll-behavior", resolver: "vertical", }, invalidate: ["box-paint-property"], valid_for_permission_element: true, }, { name: "-internal-overscroll-position", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["none", "auto"], typedom_types: ["Keyword"], default_value: "none", runtime_flag: "OverscrollGestures", }, { name: "padding-bottom", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", default_value: "Length::Fixed()", converter: "ConvertLength", computed_style_custom_functions: ["setter"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_page_context: true, logical_property_group: { name: "padding", resolver: "bottom", }, supports_incremental_style: true, valid_for_permission_element: true, invalidate: ["layout", "paint", "scroll-anchor"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "padding-left", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", default_value: "Length::Fixed()", converter: "ConvertLength", computed_style_custom_functions: ["setter"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_page_context: true, logical_property_group: { name: "padding", resolver: "left", }, supports_incremental_style: true, valid_for_permission_element: true, invalidate: ["layout", "paint", "scroll-anchor"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "padding-right", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", default_value: "Length::Fixed()", converter: "ConvertLength", computed_style_custom_functions: ["setter"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_page_context: true, logical_property_group: { name: "padding", resolver: "right", }, supports_incremental_style: true, valid_for_permission_element: true, invalidate: ["layout", "paint", "scroll-anchor"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "padding-top", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", default_value: "Length::Fixed()", converter: "ConvertLength", computed_style_custom_functions: ["setter"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_page_context: true, logical_property_group: { name: "padding", resolver: "top", }, supports_incremental_style: true, valid_for_permission_element: true, invalidate: ["layout", "paint", "scroll-anchor"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "page", field_group: "*", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], converter: "ConvertPage", type_name: "AtomicString", default_value: "AtomicString()", field_template: "external", keywords: ["auto"], typedom_types: ["Keyword"], computable: false, valid_for_permission_element: true, }, { name: "page-margin-safety", is_descriptor: true, field_group: "*", field_template: "keyword", keywords: ["none", "clamp", "add"], default_value: "none", getter: "GetPageMarginSafety", computed_style_custom_functions: ["setter"], computable: false, valid_for_page_context: true, invalidate: ["layout", "paint"], runtime_flag: "CSSSafePrintableInset", }, { name: "page-orientation", is_descriptor: true, field_template: "primitive", field_group: "*", type_name: "PageOrientation", field_size: 2, default_value: "PageOrientation::kUpright", include_paths: ["third_party/blink/public/common/css/page_orientation.h"], computable: false, valid_for_page_context: true, }, { name: "paint-order", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", field_template: "primitive", field_size: 3, type_name: "EPaintOrder", default_value: "kPaintOrderNormal", converter: "ConvertPaintOrder", keywords: ["normal", "fill", "stroke", "markers"], typedom_types: ["Keyword"], invalidate: ["paint"], }, { name: "path-length", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, runtime_flag: "SvgPathLengthCssProperty", field_group: "svg->geometry", field_template: "primitive", type_name: "float", default_value: "-1.0", converter: "ConvertPathLength", keywords: ["none"], typedom_types: ["Keyword", "Number"], supports_incremental_style: true, invalidate: ["paint"], }, { name: "perspective", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "primitive", default_value: "-1.0", type_name: "float", converter: "ConvertPerspective", keywords: ["none"], typedom_types: ["Keyword", "Length"], invalidate: ["transform-other"], }, { name: "perspective-origin", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length_point.h"], default_value: "LengthPoint(Length::Percent(50.0), Length::Percent(50.0))", type_name: "LengthPoint", converter: "ConvertPosition", typedom_types: ["Position"], // Overlaps with -webkit-perspective-origin-[x,y]. overlapping: true, invalidate: ["transform-other"], percentages_depend_on_used_value: true, }, { name: "pointer-events", property_methods: ["CSSValueFromComputedStyleInternal"], computed_style_protected_functions: ["getter"], independent: true, inherited: true, field_template: "keyword", keywords: [ "none", "auto", "stroke", "fill", "painted", "visible", "visiblestroke", "visiblefill", "visiblepainted", "bounding-box", "all" ], typedom_types: ["Keyword"], default_value: "auto", }, { name: "position", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", keywords: [ "static", "relative", "absolute", "fixed", "sticky" ], typedom_types: ["Keyword"], default_value: "static", getter: "GetPosition", computed_style_custom_functions: ["getter"], // See comment on display. supports_incremental_style: false, // @position-try-styling rely on this being high-priority, so that // declarations from @position-try blocks can be applied conditionally // based on whether or not we're out-of-flow positioned. Also, it needs to // have a priority higher than position-area which is already at priority:1. priority: 2, valid_for_permission_element: true, invalidate: ["clip", "layout", "scroll-anchor"], }, { name: "position-anchor", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal" ], style_builder_custom_functions: ["initial", "inherit", "value"], include_paths: ["third_party/blink/renderer/core/style/style_position_anchor.h"], type_name: "StylePositionAnchor", default_value: "StylePositionAnchor::Initial()", field_group: "*", field_template: "external", converter: "ConvertPositionAnchor", keywords: ["auto", "none"], typedom_types: ["Keyword"], valid_for_permission_element: true, valid_for_position_try: true, // Needs to be applied before position-area which in turn needs to be applied // before inset properties. priority: 2, invalidate: ["layout", "paint"], }, { name: "position-try-fallbacks", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumePositionTryFallbacks", style_builder_custom_functions: ["value"], field_group: "*", field_template: "external", keywords: ["none", "flip-block", "flip-inline", "flip-start", "flip-x", "flip-y"], typedom_keywords: ["none"], typedom_types: ["Keyword"], include_paths: ["third_party/blink/renderer/core/style/position_try_fallbacks.h"], wrapper_pointer_name: "Member", type_name: "PositionTryFallbacks", default_value: "nullptr", invalidate: ["layout", "paint"], }, { name: "position-try-order", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "*", field_template: "keyword", keywords: ["normal", "most-width", "most-height", "most-block-size", "most-inline-size"], typedom_types: ["Keyword"], default_value: "normal", invalidate: ["layout", "paint"], }, { name: "position-visibility", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_size: 3, field_template: "primitive", default_value: "PositionVisibility::kAnchorsVisible", getter: "GetPositionVisibility", type_name: "PositionVisibility", converter: "ConvertPositionVisibility", // TODO(crbug.com/332933527): Support anchors-valid. keywords: ["always", "anchors-visible", "no-overflow"], typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "print-color-adjust", property_methods: ["CSSValueFromComputedStyleInternal"], independent: false, // Actually true, but setting it to false saves a precious bit in ComputedStyleBase. inherited: true, field_template: "keyword", keywords: ["economy", "exact"], default_value: "economy", valid_for_permission_element: true, invalidate: ["paint"], }, { name: "quotes", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/platform/text/quotes_data.h"], wrapper_pointer_name: "scoped_refptr", default_value: "nullptr", type_name: "QuotesData", converter: "ConvertQuotes", keywords: ["auto", "none"], typedom_types: ["Keyword"], valid_for_page_context: true, invalidate: ["layout", "paint"], }, { name: "content-visibility", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", keywords: ["visible", "auto", "hidden"], default_value: "visible", typedom_types: ["Keyword"], invalidate: ["layout"], }, { name: "reading-flow", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["normal", "flex-visual", "flex-flow", "grid-rows", "grid-columns", "grid-order", "source-order"], typedom_types: ["Keyword"], default_value: "normal", invalidate: ["layout"], }, { name: "reading-order", interpolable: true, property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeInteger", field_group: "*", field_template: "primitive", typedom_types: ["Number"], default_value: "0", type_name: "int", invalidate: ["layout"], valid_for_permission_element: true, }, { name: "resize", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", computed_style_protected_functions: ["getter"], style_builder_custom_functions: ["value"], keywords: ["none", "both", "horizontal", "vertical", "block", "inline"], typedom_types: ["Keyword"], default_value: "none", invalidate: ["paint"], }, { name: "right", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "surround", field_template: "", keywords: ["auto"], default_value: "Length()", typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", anchor_mode: "right", logical_property_group: { name: "inset", resolver: "right", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, invalidate: ["inset", "out-of-flow", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "r", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->geometry", field_template: "", default_value: "Length::Fixed()", typedom_types: ["Length", "Percentage"], converter: "ConvertLength", supports_incremental_style: true, invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "rx", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->geometry", field_template: "", default_value: "Length::Auto()", keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", supports_incremental_style: true, invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "ry", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->geometry", field_template: "", default_value: "Length::Auto()", keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", supports_incremental_style: true, invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "scroll-target-group", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["none", "auto"], typedom_types: ["Keyword"], default_value: "none", runtime_flag: "CSSScrollTargetGroup", }, { name: "scroll-marker-group", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "pointer", typedom_types: ["Keyword"], default_value: "nullptr", runtime_flag: "CSSPseudoScrollMarkers", include_paths: ["third_party/blink/renderer/core/style/scroll_marker_group.h"], wrapper_pointer_name: "Member", type_name: "ScrollMarkerGroup", converter: "ConvertScrollMarkerGroup", typedom_types: ["Keyword"], }, { interpolable: true, name: "scrollbar-color", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, name_for_methods: "ScrollbarColor", type_name: "StyleScrollbarColor", converter: "ConvertScrollbarColor", keywords: ["auto"], field_group: "*", field_template: "pointer", default_value: "nullptr", wrapper_pointer_name: "Member", include_paths: ["third_party/blink/renderer/core/style/style_scrollbar_color.h"], invalidate: ["scrollbar-style", "scrollbar-color"], runtime_flag: "ScrollbarColor", }, { name: "scrollbar-gutter", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: false, field_size: 4, field_template: "primitive", default_value: "kScrollbarGutterAuto", name_for_methods: "ScrollbarGutter", type_name: "unsigned", converter: "ConvertScrollbarGutter", keywords: [ "auto", "stable", "both-edges" ], typedom_types: ["Keyword"], invalidate: ["layout"], field_group: "*", }, { name: "scrollbar-width", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: false, field_group: "*", field_template: "keyword", keywords: ["auto", "thin", "none"], default_value: "auto", typedom_types: ["Keyword"], invalidate: ["layout", "paint", "scrollbar-style"], runtime_flag: "ScrollbarWidth", }, { name: "scroll-behavior", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_size: 2, // FIXME: Convert this to a keyword field field_template: "primitive", include_paths: ["third_party/blink/public/mojom/scroll/scroll_enums.mojom-blink.h"], default_value: "mojom::blink::ScrollBehavior::kAuto", type_name: "mojom::blink::ScrollBehavior", keywords: ["auto", "smooth"], typedom_types: ["Keyword"], }, { name: "scroll-initial-target", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", type_name: "EScrollInitialTarget", default_value: "none", keywords: ["none", "nearest"], invalidate: ["layout"], runtime_flag: "CSSScrollInitialTarget", }, { name: "scroll-margin-block-end", property_methods: ["ParseSingleValue"], logical_property_group: { name: "scroll-margin", resolver: "block-end", }, typedom_types: ["Keyword", "Length"], valid_for_permission_element: true, }, { name: "scroll-margin-block-start", property_methods: ["ParseSingleValue"], logical_property_group: { name: "scroll-margin", resolver: "block-start", }, typedom_types: ["Keyword", "Length"], valid_for_permission_element: true, }, { name: "scroll-margin-bottom", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "primitive", default_value: "0.0f", type_name: "float", converter: "ConvertComputedLength", typedom_types: ["Keyword", "Length"], logical_property_group: { name: "scroll-margin", resolver: "bottom", }, valid_for_permission_element: true, affected_by_zoom: true, }, { name: "scroll-margin-inline-end", property_methods: ["ParseSingleValue"], logical_property_group: { name: "scroll-margin", resolver: "inline-end", }, typedom_types: ["Keyword", "Length"], valid_for_permission_element: true, }, { name: "scroll-margin-inline-start", property_methods: ["ParseSingleValue"], logical_property_group: { name: "scroll-margin", resolver: "inline-start", }, typedom_types: ["Keyword", "Length"], valid_for_permission_element: true, }, { name: "scroll-margin-left", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "primitive", default_value: "0.0f", type_name: "float", converter: "ConvertComputedLength", typedom_types: ["Keyword", "Length"], logical_property_group: { name: "scroll-margin", resolver: "left", }, valid_for_permission_element: true, affected_by_zoom: true, }, { name: "scroll-margin-right", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "primitive", default_value: "0.0f", type_name: "float", converter: "ConvertComputedLength", typedom_types: ["Keyword", "Length"], logical_property_group: { name: "scroll-margin", resolver: "right", }, valid_for_permission_element: true, affected_by_zoom: true, }, { name: "scroll-margin-top", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "primitive", default_value: "0.0f", type_name: "float", converter: "ConvertComputedLength", typedom_types: ["Keyword", "Length"], logical_property_group: { name: "scroll-margin", resolver: "top", }, valid_for_permission_element: true, affected_by_zoom: true, }, { name: "scroll-padding-block-end", parse_helper: "ConsumeScrollPadding", include_paths: ["third_party/blink/renderer/platform/geometry/length.h"], keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], type_name: "Length", converter: "ConvertLengthOrAuto", logical_property_group: { name: "scroll-padding", resolver: "block-end", }, valid_for_permission_element: true, percentages_depend_on_used_value: true, }, { name: "scroll-padding-block-start", parse_helper: "ConsumeScrollPadding", include_paths: ["third_party/blink/renderer/platform/geometry/length.h"], keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], type_name: "Length", converter: "ConvertLengthOrAuto", logical_property_group: { name: "scroll-padding", resolver: "block-start", }, valid_for_permission_element: true, percentages_depend_on_used_value: true, }, { name: "scroll-padding-bottom", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeScrollPadding", field_group: "*", field_template: "", default_value: "Length()", keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", logical_property_group: { name: "scroll-padding", resolver: "bottom", }, valid_for_permission_element: true, percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "scroll-padding-inline-end", parse_helper: "ConsumeScrollPadding", include_paths: ["third_party/blink/renderer/platform/geometry/length.h"], keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], type_name: "Length", converter: "ConvertLengthOrAuto", logical_property_group: { name: "scroll-padding", resolver: "inline-end", }, valid_for_permission_element: true, percentages_depend_on_used_value: true, }, { name: "scroll-padding-inline-start", parse_helper: "ConsumeScrollPadding", include_paths: ["third_party/blink/renderer/platform/geometry/length.h"], keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], type_name: "Length", converter: "ConvertLengthOrAuto", logical_property_group: { name: "scroll-padding", resolver: "inline-start", }, valid_for_permission_element: true, percentages_depend_on_used_value: true, }, { name: "scroll-padding-left", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeScrollPadding", field_group: "*", field_template: "", default_value: "Length()", keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", logical_property_group: { name: "scroll-padding", resolver: "left", }, valid_for_permission_element: true, percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "scroll-padding-right", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeScrollPadding", field_group: "*", field_template: "", default_value: "Length()", keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", logical_property_group: { name: "scroll-padding", resolver: "right", }, valid_for_permission_element: true, percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "scroll-padding-top", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeScrollPadding", field_group: "*", field_template: "", default_value: "Length()", keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", logical_property_group: { name: "scroll-padding", resolver: "top", }, valid_for_permission_element: true, percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "scroll-snap-align", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["cc/input/scroll_snap_data.h"], default_value: "cc::ScrollSnapAlign()", getter: "GetScrollSnapAlign", type_name: "cc::ScrollSnapAlign", converter: "ConvertSnapAlign", keywords: ["none", "start", "end", "center"], typedom_types: ["Keyword"], }, { name: "scroll-snap-stop", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", keywords: ["normal", "always"], default_value: "normal", typedom_types: ["Keyword"], }, { name: "scroll-snap-type", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["cc/input/scroll_snap_data.h"], default_value: "cc::ScrollSnapType()", getter: "GetScrollSnapType", type_name: "cc::ScrollSnapType", converter: "ConvertSnapType", keywords: ["none", "x", "y", "block", "inline", "both", "mandatory", "proximity"], typedom_types: ["Keyword"], }, { name: "scroll-timeline-axis", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "misc->timeline", field_template: "external", default_value: "Vector()", type_name: "Vector", converter: "ConvertViewTimelineAxis", separator: ",", is_animation_affecting: true, }, { name: "scroll-timeline-name", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "misc->timeline", field_template: "external", default_value: "Vector()", type_name: "Vector", converter: "ConvertViewTimelineName", separator: ",", is_animation_affecting: true, }, { name: "shape-image-threshold", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeAlphaValue", interpolable: true, field_group: "*", field_template: "primitive", default_value: "0.0", type_name: "float", computed_style_custom_functions: ["setter"], typedom_types: ["Number"], accepts_numeric_literal: true, percentages_depend_on_used_value: false, }, { name: "shape-margin", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", converter: "ConvertLength", keywords: ["none"], typedom_types: ["Length", "Percentage"], invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "shape-outside", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/shape_value.h"], wrapper_pointer_name: "Member", default_value: "nullptr", typedom_types: ["Keyword", "Image"], type_name: "ShapeValue", computed_style_custom_functions: ["getter"], converter: "ConvertShapeValue", keywords: ["none"], invalidate: ["paint"], }, { name: "shape-rendering", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", field_template: "keyword", keywords: ["auto", "optimizespeed", "crispedges", "geometricprecision"], default_value: "auto", typedom_types: ["Keyword"], invalidate: ["paint"], }, { name: "size", property_methods: ["ParseSingleValue"], style_builder_custom_functions: ["initial", "inherit", "value"], computable: false, valid_for_page_context: true, stored_on_extra_field: ["PageSize", "PageSizeType"], }, { name: "speak", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: [ "none", "normal", "spell-out", "digits", "literal-punctuation", "no-punctuation" ], default_value: "normal", }, { name: "stop-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColor", interpolable: true, field_group: "svg->stop", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(Color::kBlack)", type_name: "StyleColor", computed_style_protected_functions: ["getter"], style_builder_template: "color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialStopColor", }, converter: "ConvertStyleColor", keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], invalidate: ["paint"], }, { name: "stop-opacity", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeAlphaValue", interpolable: true, field_group: "svg->stop", field_template: "primitive", type_name: "float", default_value: "1", converter: "ConvertAlpha", typedom_types: ["Number"], accepts_numeric_literal: true, invalidate: ["paint"], percentages_depend_on_used_value: false, }, { name: "stroke", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeSVGPaint", interpolable: true, inherited: true, includes_currentcolor: true, field_group: "svginherited->stroke", field_template: "external", type_name: "SVGPaint", include_paths: ["third_party/blink/renderer/core/style/svg_paint.h"], default_value: "SVGPaint::CreateInitial()", name_for_methods: "StrokePaint", converter: "ConvertSVGPaint", style_builder_template: "color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialStrokePaint", }, style_builder_custom_functions: ["value"], valid_for_highlight: true, valid_for_permission_icon: true, invalidate: ["paint", "stroke"], }, { name: "stroke-dasharray", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "svginherited->stroke", field_template: "pointer", type_name: "SVGDashArray", include_paths: ["third_party/blink/renderer/core/style/svg_dash_array.h"], wrapper_pointer_name: "Member", default_value: "nullptr", name_for_methods: "StrokeDashArray", converter: "ConvertStrokeDasharray", keywords: ["none"], typedom_types: ["Keyword"], invalidate: ["paint", "stroke", "border-shape"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "stroke-dashoffset", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "svginherited->stroke", field_template: "external", type_name: "Length", default_value: "Length::Fixed()", name_for_methods: "StrokeDashOffset", converter: "ConvertLength", typedom_types: ["Length", "Percentage"], invalidate: ["paint"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "stroke-linecap", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited->stroke", field_template: "primitive", field_size: 2, type_name: "LineCap", default_value: "kButtCap", name_for_methods: "CapStyle", keywords: ["butt", "round", "square"], typedom_types: ["Keyword"], invalidate: ["layout", "paint", "border-shape"], }, { name: "stroke-linejoin", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited->stroke", field_template: "primitive", field_size: 2, type_name: "LineJoin", default_value: "kMiterJoin", name_for_methods: "JoinStyle", keywords: ["miter", "bevel", "round"], typedom_types: ["Keyword"], invalidate: ["layout", "paint", "border-shape"], }, { name: "stroke-miterlimit", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "svginherited->stroke", field_template: "primitive", type_name: "float", default_value: "4", name_for_methods: "StrokeMiterLimit", typedom_types: ["Number"], invalidate: ["layout", "paint", "border-shape"], }, { name: "stroke-opacity", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeAlphaValue", interpolable: true, inherited: true, field_group: "svginherited->stroke", field_template: "primitive", type_name: "float", default_value: "1", converter: "ConvertAlpha", typedom_types: ["Number"], accepts_numeric_literal: true, invalidate: ["paint"], percentages_depend_on_used_value: false, }, { name: "stroke-width", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "svginherited->stroke", field_template: "external", type_name: "UnzoomedLength", include_paths: ["third_party/blink/renderer/core/style/unzoomed_length.h"], default_value: "UnzoomedLength(Length::Fixed(1))", converter: "ConvertUnzoomedLength", typedom_types: ["Length", "Percentage"], valid_for_highlight: true, valid_for_permission_icon: true, invalidate: ["layout", "paint", "border-shape"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "table-layout", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", keywords: [ "auto", "fixed" ], typedom_types: ["Keyword"], default_value: "auto", invalidate: ["layout", "paint"], }, { name: "tab-size", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/platform/text/tab_size.h"], default_value: "TabSize(8)", getter: "GetTabSize", type_name: "TabSize", converter: "ConvertLengthOrTabSpaces", computed_style_custom_functions: ["setter"], typedom_types: ["Number", "Length"], valid_for_marker: true, invalidate: ["layout", "paint"], }, { name: "text-align", property_methods: ["CSSValueFromComputedStyleInternal"], independent: false, inherited: true, field_template: "keyword", keywords: [ "left", "right", "center", "justify", "-webkit-left", "-webkit-right", "-webkit-center", "start", "end", "match-parent" ], typedom_types: ["Keyword"], default_value: "start", getter: "GetTextAlign", style_builder_custom_functions: ["value"], valid_for_page_context: true, invalidate: ["layout", "paint"], }, { name: "text-align-last", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["auto", "start", "end", "left", "right", "center", "justify", "match-parent" ], default_value: "auto", typedom_types: ["Keyword"], valid_for_page_context: true, invalidate: ["layout", "paint"], }, { name: "text-anchor", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "svginherited", field_template: "keyword", keywords: ["start", "middle", "end"], default_value: "start", typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "text-autospace", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["no-autospace", "normal"], default_value: "no-autospace", typedom_types: ["Keyword"], invalidate: ["reshape"], }, { name: "text-box", longhands: ["text-box-trim", "text-box-edge"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "text-box-edge", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "primitive", field_size: 6, // Sync with `TextBoxEdge::kBits`. include_paths: ["third_party/blink/renderer/core/style/text_box_edge.h"], default_value: "TextBoxEdge()", type_name: "TextBoxEdge", converter: "ConvertTextBoxEdge", invalidate: ["layout"], }, { name: "text-box-trim", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "box", field_template: "keyword", default_value: "none", keywords: ["none", "trim-start", "trim-end", "trim-both"], typedom_types: ["Keyword"], invalidate: ["layout"], }, { name: "text-combine-upright", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["none", "all"], typedom_types: ["Keyword"], default_value: "none", name_for_methods: "TextCombine", valid_for_marker: true, invalidate: ["layout", "paint"], is_animation_affecting: true, }, { name: "text-decoration-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColor", interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_highlight: true, supports_incremental_style: true, valid_for_page_context: true, invalidate: ["color"], }, { name: "text-decoration-line", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "visual", field_template: "multi_keyword", keywords: ["none", "underline", "overline", "line-through", "blink", "spelling-error", "grammar-error"], typedom_types: ["Keyword"], default_value: "none", type_name: "TextDecorationLine", converter: "ConvertFlags", valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_highlight: true, valid_for_page_context: true, invalidate: ["text-decoration"], }, { name: "text-decoration-skip-ink", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["none", "auto", "all"], typedom_types: ["Keyword"], default_value: "auto", valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, valid_for_highlight: true, valid_for_page_context: true, invalidate: ["text-decoration"], }, { name: "text-decoration-skip-spaces", runtime_flag: "CSSTextDecorationSkipSpaces", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "multi_keyword", keywords: ["none", "start", "end", "all"], typedom_types: ["Keyword"], separator: " ", default_value: "none", type_name: "TextDecorationSkipSpaces", converter: "ConvertFlags", valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, valid_for_highlight: true, valid_for_page_context: true, invalidate: ["text-decoration"], }, { name: "text-decoration-style", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["solid", "double", "dotted", "dashed", "wavy"], typedom_types: ["Keyword"], default_value: "solid", valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_highlight: true, valid_for_page_context: true, invalidate: ["text-decoration"], }, { name: "text-decoration-thickness", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], include_paths: ["third_party/blink/renderer/core/style/text_decoration_thickness.h"], inherited: false, field_group: "*", field_template: "external", type_name: "TextDecorationThickness", default_value: "TextDecorationThickness(Length::Auto())", converter: "ConvertTextDecorationThickness", keywords: ["auto", "from-font"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_highlight: true, valid_for_page_context: true, invalidate: ["text-decoration"], percentages_depend_on_used_value: false, }, { name: "text-indent", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "*", field_template: "", default_value: "Length::Fixed()", style_builder_custom_functions: ["value"], typedom_types: ["Length", "Percentage"], valid_for_page_context: true, invalidate: ["layout", "paint"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "text-justify", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "primitive", field_size: 2, type_name: "TextJustify", default_value: "TextJustify::kAuto", include_paths: ["third_party/blink/renderer/platform/text/text_justify.h"], inherited: true, keywords: ["auto", "none", "inter-word", "inter-character"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, invalidate: ["layout"], }, { name: "text-overflow", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/text_overflow_data.h"], default_value: "TextOverflowData(TextOverflowData::Type::kClip)", type_name: "TextOverflowData", converter: "ConvertTextOverflow", keywords: ["clip", "ellipsis"], typedom_types: ["Keyword"], valid_for_page_context: true, invalidate: ["layout", "paint"], }, { name: "text-shadow", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/core/style/shadow_list.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "ShadowList", converter: "ConvertShadowList", keywords: ["none"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, valid_for_highlight: true, valid_for_page_context: true, invalidate: ["layout", "paint"], affected_by_zoom: true, includes_currentcolor: true, }, { name: "text-size-adjust", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/text_size_adjust.h"], style_builder_custom_functions: ["initial", "inherit", "value"], default_value: "TextSizeAdjust::AdjustAuto()", getter: "GetTextSizeAdjust", // Affects font-size during style building and needs to apply before it. priority: 2, type_name: "TextSizeAdjust", converter: "ConvertTextSizeAdjust", keywords: ["none", "auto"], typedom_types: ["Keyword", "Percentage"], // Affects font-size during style building. Changes to anything related to // fonts require that we call style.UpdateFont(), which the incremental // path does not do. supports_incremental_style: false, invalidate: ["layout", "paint"], percentages_depend_on_used_value: false, }, { name: "text-spacing", longhands: ["text-autospace", "text-spacing-trim"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSTextSpacing", }, { name: "text-spacing-trim", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, font: true, priority: 1, type_name: "TextSpacingTrim", include_paths: ["third_party/blink/renderer/platform/fonts/shaping/text_spacing_trim.h"], keywords: ["normal", "space-all", "space-first", "trim-start"], default_value: "TextSpacingTrim::kInitial", typedom_types: ["Keyword"], valid_for_permission_element: true, stored_on_extra_field: ["font"], }, { name: "text-transform", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], independent: true, inherited: true, field_group: "inherited", field_template: "multi_keyword", keywords: ["none", "capitalize", "uppercase", "lowercase", "full-width", "full-size-kana", "math-auto"], type_name: "ETextTransform", converter: "ConvertFlags", typedom_types: ["Keyword"], default_value: "none", valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, valid_for_page_context: true, invalidate: ["reshape"], valid_for_permission_element: true, }, { name: "text-underline-offset", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "*", field_template: "", default_value: "Length()", name_for_methods: "TextUnderlineOffset", converter: "ConvertTextUnderlineOffset", keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_highlight: true, valid_for_page_context: true, invalidate: ["text-decoration"], affected_by_zoom: true, percentages_depend_on_used_value: false, }, { name: "text-underline-position", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_size: 4, field_template: "primitive", default_value: "TextUnderlinePosition::kAuto", getter: "GetTextUnderlinePosition", type_name: "TextUnderlinePosition", converter: "ConvertTextUnderlinePosition", keywords: ["auto", "from-font", "under", "left", "right"], typedom_types: ["Keyword"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_page_context: true, invalidate: ["text-decoration"], }, { name: "timeline-scope", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "misc->timeline", field_template: "external", default_value: "StyleTimelineScope()", include_paths: ["third_party/blink/renderer/core/style/style_timeline_scope.h"], type_name: "StyleTimelineScope", converter: "ConvertTimelineScope", separator: ",", is_animation_affecting: true, }, { name: "top", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "surround", field_template: "", keywords: ["auto"], default_value: "Length()", typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthOrAuto", anchor_mode: "top", logical_property_group: { name: "inset", resolver: "top", }, supports_incremental_style: true, valid_for_position_try: true, valid_for_permission_element: true, invalidate: ["inset", "out-of-flow", "scroll-anchor"], affected_by_zoom: true, percentages_depend_on_used_value: true, }, { name: "overlay", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["none", "auto"], default_value: "none", typedom_types: ["Keyword"], runtime_flag: "OverlayProperty", }, { name: "touch-action", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_size: 8, // FIXME: Make this use "kTouchActionBits". field_template: "primitive", include_paths: ["third_party/blink/renderer/platform/graphics/touch_action.h"], default_value: "TouchAction::kAuto", type_name: "TouchAction", converter: "ConvertFlags", keywords: ["auto", "none", "pan-x", "pan-left", "pan-right", "pan-y", "pan-up", "pan-down", "pinch-zoom", "manipulation"], typedom_types: ["Keyword"], }, { name: "transform", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeTransformList", interpolable: true, compositable: true, layout_dependent: true, field_group: "svg", // Not SVG, but frequently used with it. field_template: "external", include_paths: ["third_party/blink/renderer/platform/transforms/transform_operations.h"], keywords: ["none"], default_value: "EmptyTransformOperations()", typedom_types: ["Keyword", "Transform"], type_name: "TransformOperations", converter: "ConvertTransformOperations", supports_incremental_style: true, invalidate: ["has-transform", "transform-data", "transform-property"], }, { name: "transform-box", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", keywords: ["content-box", "border-box", "fill-box", "stroke-box", "view-box"], default_value: "view-box", typedom_types: ["Keyword"], supports_incremental_style: true, invalidate: ["transform-data", "transform-other"], }, { name: "transform-origin", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "svg", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/transform_origin.h"], default_value: "TransformOrigin(Length::Percent(50.0), Length::Percent(50.0), 0)", getter: "GetTransformOrigin", type_name: "TransformOrigin", converter: "ConvertTransformOrigin", supports_incremental_style: true, // Overlaps with -webkit-transform-origin-[x,y,z]. overlapping: true, invalidate: ["transform-data", "transform-other"], percentages_depend_on_used_value: true, }, { name: "transform-style", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["flat", "preserve-3d"], default_value: "flat", typedom_types: ["Keyword"], name_for_methods: "TransformStyle3D", supports_incremental_style: true, }, { name: "translate", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, compositable: true, layout_dependent: true, field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/platform/transforms/translate_transform_operation.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "TranslateTransformOperation", converter: "ConvertTranslate", supports_incremental_style: true, invalidate: ["has-transform", "transform-data", "transform-other"], percentages_depend_on_used_value: true, }, { name: "rotate", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, compositable: true, field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/platform/transforms/rotate_transform_operation.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "RotateTransformOperation", converter: "ConvertRotate", supports_incremental_style: true, invalidate: ["has-transform", "transform-data", "transform-other"], }, { name: "scale", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, compositable: true, field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/platform/transforms/scale_transform_operation.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "ScaleTransformOperation", converter: "ConvertScale", supports_incremental_style: true, invalidate: ["has-transform", "transform-data", "transform-other"], percentages_depend_on_used_value: true, }, { name: "unicode-bidi", property_methods: ["CSSValueFromComputedStyleInternal"], affected_by_all: false, field_template: "keyword", include_paths: ["third_party/blink/renderer/platform/text/unicode_bidi.h"], keywords: [ "normal", "embed", "bidi-override", "isolate", "plaintext", "isolate-override" ], typedom_types: ["Keyword"], default_value: "normal", type_name: "UnicodeBidi", valid_for_marker: true, invalidate: ["reshape"], is_animation_affecting: true, }, { name: "vector-effect", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "svg", field_template: "keyword", keywords: ["none", "non-scaling-stroke"], typedom_types: ["Keyword"], default_value: "none", invalidate: ["layout", "paint"], }, { name: "vertical-align", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, style_builder_custom_functions: ["inherit", "value"], typedom_types: ["Keyword", "Length", "Percentage"], keywords: ["baseline", "sub", "super", "text-top", "text-bottom", "middle"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_page_context: true, valid_for_permission_element: true, stored_on_extra_field: ["VerticalAlign", "VerticalAlignLength"], percentages_depend_on_used_value: false, }, { name: "view-timeline-axis", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "misc->timeline", field_template: "external", default_value: "Vector()", type_name: "Vector", converter: "ConvertViewTimelineAxis", separator: ",", is_animation_affecting: true, }, { name: "view-timeline-inset", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "misc->timeline", field_template: "external", include_paths: ["third_party/blink/renderer/core/animation/timeline_inset.h"], default_value: "Vector()", type_name: "Vector", converter: "ConvertViewTimelineInset", separator: ",", is_animation_affecting: true, percentages_depend_on_used_value: true, }, { name: "view-timeline-name", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], field_group: "misc->timeline", field_template: "external", default_value: "Vector()", type_name: "Vector", converter: "ConvertViewTimelineName", separator: ",", is_animation_affecting: true, }, { name: "view-transition-class", field_group: "*", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], converter: "ConvertViewTransitionClass", type_name: "ScopedCSSNameList", default_value: "nullptr", wrapper_pointer_name: "Member", field_template: "external", keywords: ["none"], typedom_types: ["Keyword"], }, { name: "view-transition-group", field_group: "*", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], converter: "ConvertViewTransitionGroup", type_name: "StyleViewTransitionGroup", default_value: "StyleViewTransitionGroup::Normal()", include_paths: ["third_party/blink/renderer/core/style/style_view_transition_group.h"], field_template: "external", keywords: ["normal", "contain", "nearest"], typedom_types: ["Keyword"], }, { name: "view-transition-name", field_group: "*", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], converter: "ConvertViewTransitionName", type_name: "StyleViewTransitionName", default_value: "nullptr", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/style_view_transition_name.h"], keywords: ["none", "auto"], typedom_types: ["Keyword"], wrapper_pointer_name: "Member", }, { name: "view-transition-scope", field_group: "*", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: false, field_template: "keyword", keywords: ["none", "all"], typedom_types: ["Keyword"], default_value: "none", runtime_flag: "ScopedViewTransitions", }, { name: "visibility", property_methods: ["CSSValueFromComputedStyleInternal"], independent: true, interpolable: true, inherited: true, field_template: "keyword", keywords: ["visible", "hidden", "collapse"], typedom_types: ["Keyword"], default_value: "visible", valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["paint", "visibility"], }, { name: "x", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->geometry", field_template: "", default_value: "Length::Fixed()", typedom_types: ["Length", "Percentage"], converter: "ConvertLength", supports_incremental_style: true, valid_for_permission_element: true, invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "y", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "svg->geometry", field_template: "", default_value: "Length::Fixed()", typedom_types: ["Length", "Percentage"], converter: "ConvertLength", supports_incremental_style: true, valid_for_permission_element: true, invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "appearance", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_size: 5, field_template: "primitive", include_paths: ["third_party/blink/renderer/platform/theme_types.h"], computed_style_protected_functions: ["getter"], default_value: "AppearanceValue::kNone", type_name: "AppearanceValue", // appearance needs to be computed before // -internal-auto-base() can be resolved. priority: 1, invalidate: ["layout", "paint"], }, { name: "-webkit-appearance", alias_for: "appearance", }, { name: "app-region", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["none", "drag", "no-drag"], default_value: "none", name_for_methods: "DraggableRegionMode", style_builder_custom_functions: ["initial", "inherit", "value"], invalidate: ["layout"], }, { name: "-webkit-app-region", alias_for: "app-region", }, { name: "-webkit-border-horizontal-spacing", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "inherited", field_template: "primitive", default_value: "0", name_for_methods: "HorizontalBorderSpacing", type_name: "short", converter: "ConvertComputedLength", valid_for_first_letter: true, invalidate: ["layout", "paint"], affected_by_zoom: true, }, { name: "-webkit-border-image", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeWebkitBorderImage", style_builder_custom_functions: ["value"], valid_for_first_letter: true, affected_by_all: false, // Overlaps with border-image. legacy_overlapping: true, percentages_depend_on_used_value: true, }, { name: "-webkit-border-vertical-spacing", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: true, field_group: "inherited", field_template: "primitive", default_value: "0", name_for_methods: "VerticalBorderSpacing", type_name: "short", converter: "ConvertComputedLength", valid_for_first_letter: true, invalidate: ["layout", "paint"], affected_by_zoom: true, }, // For valid values of box-align see // http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/#alignment { name: "-webkit-box-align", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["stretch", "start", "center", "end", "baseline"], default_value: "stretch", type_name: "EBoxAlignment", valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "-webkit-box-decoration-break", surrogate_for: "box-decoration-break", property_methods: ["CSSValueFromComputedStyleInternal"], keywords: ["slice", "clone"], stored_on_extra_field: ["crbug.com/40919412"], }, { name: "-webkit-box-direction", property_methods: ["CSSValueFromComputedStyleInternal"], field_template: "keyword", keywords: ["normal", "reverse"], default_value: "normal", computed_style_protected_functions: ["getter"], invalidate: ["layout", "paint"], }, { name: "-webkit-box-flex", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "primitive", default_value: "0.0f", type_name: "float", accepts_numeric_literal: true, invalidate: ["layout", "paint"], }, { name: "-webkit-box-ordinal-group", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumePositiveInteger", field_group: "*", field_template: "primitive", default_value: "1", type_name: "unsigned", computed_style_custom_functions: ["setter"], valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "-webkit-box-orient", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["horizontal", "vertical"], default_value: "horizontal", invalidate: ["layout", "paint"], }, { name: "-webkit-box-pack", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["start", "center", "end", "justify"], default_value: "start", invalidate: ["layout", "paint"], }, { name: "-webkit-box-reflect", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "pointer", include_paths: ["third_party/blink/renderer/core/style/style_reflection.h"], wrapper_pointer_name: "Member", default_value: "nullptr", type_name: "StyleReflection", converter: "ConvertBoxReflect", invalidate: ["filter-data"], includes_currentcolor: true, percentages_depend_on_used_value: true, }, { name: "column-count", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeColumnCount", interpolable: true, field_group: "*", field_template: "primitive", default_value: "1", type_name: "unsigned short", computed_style_custom_functions: ["setter"], style_builder_template: "auto", keywords: ["auto"], typedom_types: ["Keyword", "Number"], invalidate: ["layout", "paint"], }, { name: "column-gap", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeGapLength", interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length.h"], default_value: "std::nullopt", type_name: "std::optional", converter: "ConvertGapLength", keywords: ["normal"], typedom_types: ["Keyword", "Length", "Percentage"], invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, affected_by_zoom: true, }, { name: "row-gap", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeGapLength", interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/platform/geometry/length.h"], default_value: "std::nullopt", type_name: "std::optional", converter: "ConvertGapLength", keywords: ["normal"], typedom_types: ["Keyword", "Length", "Percentage"], invalidate: ["layout", "paint"], percentages_depend_on_used_value: true, }, { name: "rule-overlap", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: false, field_group: "*", field_template: "keyword", keywords: ["row-over-column", "column-over-row"], default_value: "row-over-column", typedom_types: ["Keyword"], invalidate: ["paint"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-break", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: false, field_group: "*", field_template: "keyword", keywords: ["none", "normal", "intersection"], default_value: "normal", type_name: "RuleBreak", typedom_types: ["Keyword"], invalidate: ["paint"], runtime_flag: "CSSGapDecoration", }, { name: "row-rule-break", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: false, field_group: "*", field_template: "keyword", keywords: ["none", "normal", "intersection"], default_value: "normal", type_name: "RuleBreak", typedom_types: ["Keyword"], invalidate: ["paint"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-inset-cap-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: false, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", keywords: ["overlap-join"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertGapDecorationInsetLength", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", percentages_depend_on_used_value: true, }, { name: "row-rule-inset-cap-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: false, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", keywords: ["overlap-join"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertGapDecorationInsetLength", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", percentages_depend_on_used_value: true, }, { name: "column-rule-inset-cap-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: false, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", keywords: ["overlap-join"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertGapDecorationInsetLength", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", percentages_depend_on_used_value: true, }, { name: "row-rule-inset-cap-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: false, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", keywords: ["overlap-join"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertGapDecorationInsetLength", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", percentages_depend_on_used_value: true, }, { name: "column-rule-inset-junction-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: false, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", keywords: ["overlap-join"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertGapDecorationInsetLength", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", percentages_depend_on_used_value: true, }, { name: "row-rule-inset-junction-end", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: false, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", keywords: ["overlap-join"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertGapDecorationInsetLength", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", percentages_depend_on_used_value: true, }, { name: "column-rule-inset-junction-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: false, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", keywords: ["overlap-join"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertGapDecorationInsetLength", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", percentages_depend_on_used_value: true, }, { name: "row-rule-inset-junction-start", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, inherited: false, field_group: "*", field_template: "", default_value: "Length::Fixed(0)", keywords: ["overlap-join"], typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertGapDecorationInsetLength", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", percentages_depend_on_used_value: true, }, { name: "column-rule-color", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/gap_data_list.h", "third_party/blink/renderer/core/css/style_color.h"], default_value: "GapDataList::DefaultGapColorDataList()", type_name: "GapDataList", keywords: ["currentcolor"], computed_style_custom_functions: ["setter"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertGapDecorationColorDataList", invalidate: ["paint"], }, { name: "row-rule-color", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], interpolable: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/gap_data_list.h", "third_party/blink/renderer/core/css/style_color.h"], default_value: "GapDataList::DefaultGapColorDataList()", type_name: "GapDataList", keywords: ["currentcolor"], computed_style_custom_functions: ["setter"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertGapDecorationColorDataList", invalidate: ["paint"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-style", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/gap_data_list.h"], keywords: [ "none", "hidden", "inset", "groove", "outset", "ridge", "dotted", "dashed", "solid", "double" ], computed_style_custom_functions: ["setter"], default_value: "GapDataList::DefaultGapStyleDataList()", type_name: "GapDataList", typedom_types: ["Keyword"], converter: "ConvertGapDecorationStyleDataList", invalidate: ["paint", "gap-decorations"], }, { name: "row-rule-style", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/gap_data_list.h"], keywords: [ "none", "hidden", "inset", "groove", "outset", "ridge", "dotted", "dashed", "solid", "double" ], computed_style_custom_functions: ["setter"], default_value: "GapDataList::DefaultGapStyleDataList()", type_name: "GapDataList", typedom_types: ["Keyword"], converter: "ConvertGapDecorationStyleDataList", invalidate: ["paint", "gap-decorations"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-visibility-items", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: false, field_group: "*", field_template: "keyword", keywords: ["all", "normal", "around", "between"], default_value: "normal", type_name: "RuleVisibilityItems", typedom_types: ["Keyword"], invalidate: ["paint"], runtime_flag: "CSSGapDecoration", }, { name: "row-rule-visibility-items", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: false, field_group: "*", field_template: "keyword", keywords: ["all", "normal", "around", "between"], default_value: "normal", type_name: "RuleVisibilityItems", typedom_types: ["Keyword"], invalidate: ["paint"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-width", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "external", default_value: "GapDataList::DefaultGapWidthDataList()", include_paths: ["third_party/blink/renderer/core/style/gap_data_list.h"], type_name: "GapDataList", computed_style_custom_functions: ["initial", "getter", "setter"], style_builder_custom_functions: ["inherit"], converter: "ConvertGapDecorationWidthDataList", keywords: ["thin", "medium", "thick"], typedom_types: ["Keyword", "Length"], invalidate: ["paint"], affected_by_zoom: true, }, { name: "row-rule-width", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "*", field_template: "external", default_value: "GapDataList::DefaultGapWidthDataList()", include_paths: ["third_party/blink/renderer/core/style/gap_data_list.h"], type_name: "GapDataList", computed_style_custom_functions: ["initial", "getter", "setter"], converter: "ConvertGapDecorationWidthDataList", keywords: ["thin", "medium", "thick"], typedom_types: ["Keyword", "Length"], invalidate: ["paint"], runtime_flag: "CSSGapDecoration", }, { name: "column-span", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["none", "all"], default_value: "none", getter: "GetColumnSpan", typedom_types: ["Keyword"], invalidate: ["layout", "paint"], }, { name: "column-width", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeColumnLength", interpolable: true, field_group: "*", field_template: "primitive", default_value: "0.0f", type_name: "float", computed_style_custom_functions: ["setter"], style_builder_template: "auto", converter: "ConvertComputedLength", keywords: ["auto"], typedom_types: ["Keyword", "Length"], invalidate: ["layout", "paint"], affected_by_zoom: true, }, { name: "column-height", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeColumnLength", interpolable: true, field_group: "*", field_template: "primitive", default_value: "0.0f", type_name: "float", computed_style_custom_functions: ["setter"], style_builder_template: "auto", converter: "ConvertComputedLength", keywords: ["auto"], typedom_types: ["Keyword", "Length"], invalidate: ["layout", "paint"], affected_by_zoom: true, runtime_flag: "MulticolColumnWrapping", }, { name: "column-wrap", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["auto", "nowrap", "wrap"], default_value: "auto", typedom_types: ["Keyword"], invalidate: ["layout", "paint"], runtime_flag: "MulticolColumnWrapping", }, { name: "hyphenate-character", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/platform/wtf/text/atomic_string.h"], default_value: "AtomicString()", name_for_methods: "HyphenationString", type_name: "AtomicString", converter: "ConvertString", invalidate: ["layout", "paint"], }, { name: "-webkit-line-break", property_methods: ["CSSValueFromComputedStyleInternal"], keywords: ["auto", "loose", "normal", "strict", "after-white-space"], surrogate_for: "line-break", stored_on_extra_field: ["crbug.com/40919412"], }, { name: "line-break", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", default_value: "auto", type_name: "LineBreak", keywords: ["auto", "loose", "normal", "strict", "anywhere", "after-white-space"], typedom_types: ["Keyword"], valid_for_marker: true, invalidate: ["layout", "paint"], }, { name: "continue", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["normal", "collapse", "-webkit-legacy"], default_value: "normal", typedom_types: ["Keyword"], invalidate: ["layout", "paint"], runtime_flag: "CSSLineClamp", }, { name: "max-lines", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "primitive", default_value: "0", converter: "ConvertIntegerOrNone<0>", type_name: "int", keywords: ["none"], invalidate: ["layout", "paint"], runtime_flag: "CSSLineClamp", }, { name: "block-ellipsis", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["ellipsis", "no-ellipsis"], default_value: "no-ellipsis", typedom_types: ["Keyword"], invalidate: ["layout", "paint"], runtime_flag: "CSSLineClamp", }, { name: "line-clamp", property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], longhands: ["max-lines", "block-ellipsis", "continue"], runtime_flag: "CSSLineClamp", }, { name: "-webkit-line-clamp", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "primitive", default_value: "0", converter: "ConvertIntegerOrNone<0>", keywords: ["none"], type_name: "int", invalidate: ["layout", "paint"], name_for_methods: "WebkitLineClamp", }, { name: "-alternative-webkit-line-clamp", alternative_of: "-webkit-line-clamp", property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], longhands: ["max-lines", "block-ellipsis", "continue"], runtime_flag: "CSSLineClamp", }, { name: "-webkit-mask-box-image-outset", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeBorderImageOutset", interpolable: true, style_builder_template: "mask_box", style_builder_template_args: { modifier_type: "Outset", }, stored_on_extra_field: ["MaskBoxImage"], }, { name: "-webkit-mask-box-image-repeat", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], style_builder_template: "mask_box", style_builder_template_args: { modifier_type: "Repeat", }, stored_on_extra_field: ["MaskBoxImage"], }, { name: "-webkit-mask-box-image-slice", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, style_builder_template: "mask_box", style_builder_template_args: { modifier_type: "Slice", }, stored_on_extra_field: ["MaskBoxImage"], percentages_depend_on_used_value: true, }, { name: "-webkit-mask-box-image-source", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeImageOrNone", interpolable: true, style_builder_custom_functions: ["value"], includes_currentcolor: true, stored_on_extra_field: ["MaskBoxImage"], }, { name: "-webkit-mask-box-image-width", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeBorderImageWidth", interpolable: true, style_builder_template: "mask_box", style_builder_template_args: { modifier_type: "Width", }, stored_on_extra_field: ["MaskBoxImage"], percentages_depend_on_used_value: true, }, { name: "mask-mode", keywords: ["alpha", "luminance", "match-source"], property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "MaskMode", }, stored_on_extra_field: ["Mask"], }, { name: "mask-clip", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "Clip", }, stored_on_extra_field: ["Mask"], }, { name: "-webkit-mask-clip", alias_for: "mask-clip", }, { name: "mask-composite", keywords: ["add", "subtract", "intersect", "exclude"], property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "CompositingOperator", }, // {-webkit-}mask-image needs to be applied before {-webkit-}mask-composite, // otherwise {-webkit-}mask-composite has no effect. priority: -1, stored_on_extra_field: ["Mask"], }, { name: "-webkit-mask-composite", alias_for: "mask-composite", }, { name: "mask-image", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "Image", fill_type_getter: "GetImage" }, includes_currentcolor: true, stored_on_extra_field: ["Mask"], }, { name: "-webkit-mask-image", alias_for: "mask-image", }, { name: "mask-origin", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "Origin", }, stored_on_extra_field: ["Mask"], }, { name: "-webkit-mask-origin", alias_for: "mask-origin", }, { name: "-webkit-mask-position-x", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], interpolable: true, style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "PositionX", }, stored_on_extra_field: ["Mask"], percentages_depend_on_used_value: true, }, { name: "-webkit-mask-position-y", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], interpolable: true, style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "PositionY", }, stored_on_extra_field: ["Mask"], percentages_depend_on_used_value: true, }, { name: "mask-repeat", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal", "InitialValue"], style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "Repeat", }, stored_on_extra_field: ["Mask"], }, { name: "-webkit-mask-repeat", alias_for: "mask-repeat", }, { name: "mask-size", property_methods: ["CSSValueFromComputedStyleInternal", "InitialValue"], parse_helper: "ParseMaskSize", interpolable: true, style_builder_template: "mask_layer", style_builder_template_args: { fill_type: "Size", }, stored_on_extra_field: ["Mask"], percentages_depend_on_used_value: true, }, { name: "-webkit-mask-size", alias_for: "mask-size", }, { name: "-webkit-perspective-origin-x", property_methods: ["ParseSingleValue"], style_builder_custom_functions: ["inherit"], interpolable: true, converter: "ConvertLength", computable: false, affected_by_all: false, // Overlaps with perspective-origin. legacy_overlapping: true, percentages_depend_on_used_value: true, }, { name: "-webkit-perspective-origin-y", property_methods: ["ParseSingleValue"], style_builder_custom_functions: ["inherit"], interpolable: true, converter: "ConvertLength", computable: false, affected_by_all: false, // Overlaps with perspective-origin. legacy_overlapping: true, percentages_depend_on_used_value: true, }, { name: "-webkit-rtl-ordering", property_methods: ["CSSValueFromComputedStyleInternal"], independent: true, inherited: true, field_template: "keyword", keywords: ["logical", "visual"], default_value: "logical", name_for_methods: "RtlOrdering", setter: "SetRtlOrdering", type_name: "EOrder", invalidate: ["reshape"], }, { name: "ruby-align", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["space-around", "start", "center", "space-between"], default_value: "space-around", valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "ruby-overhang", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword_custom", keywords: ["auto", "spaces"], default_value: "auto", invalidate: ["layout", "paint"], runtime_flag: "CSSRubyOverhang", }, { name: "-webkit-ruby-position", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, type_name: "RubyPosition", converter: "ConvertRubyPosition", surrogate_for: "ruby-position", valid_for_permission_element: true, stored_on_extra_field: ["crbug.com/40919412"], }, { name: "ruby-position", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword_custom", keywords: ["over", "under"], default_value: "over", type_name: "RubyPosition", converter: "ConvertRubyPosition", valid_for_first_line: true, valid_for_permission_element: true, invalidate: ["layout", "paint"], }, { name: "-webkit-tap-highlight-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColor", inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h", "third_party/blink/renderer/core/layout/layout_theme.h"], type_name: "StyleColor", default_value: "StyleColor(LayoutTheme::TapHighlightColor())", converter: "ConvertStyleColor", includes_currentcolor: true, }, { name: "-webkit-text-combine", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, surrogate_for: "text-combine-upright", stored_on_extra_field: ["crbug.com/40919412"], }, { name: "text-emphasis-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColor", interpolable: true, inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], keywords: ["currentcolor"], includes_currentcolor: true, typedom_types: ["Keyword"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_marker: true, valid_for_highlight: true, invalidate: ["color"], }, { name: "text-emphasis-position", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_size: 3, field_template: "primitive", default_value: "ComputedStyleInitialValues::InitialTextEmphasisPosition()", type_name: "TextEmphasisPosition", converter: "ConvertTextTextEmphasisPosition", computed_style_custom_functions: ["initial"], valid_for_marker: true, invalidate: ["layout", "paint"], }, { name: "text-emphasis-style", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, style_builder_custom_functions: ["initial", "inherit", "value"], valid_for_marker: true, stored_on_extra_field: ["TextEmphasisFill", "TextEmphasisMark", "TextEmphasisCustomMark"], }, { name: "-webkit-text-fill-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColor", interpolable: true, inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "color", invalidate: ["color"], }, { name: "text-fit", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumeFitText", field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/fit_text.h"], default_value: "FitText()", type_name: "FitText", converter: "ConvertFitText", invalidate: ["layout"], runtime_flag: "CssTextFit", percentages_depend_on_used_value: false, }, { name: "-webkit-text-security", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["none", "disc", "circle", "square"], default_value: "none", invalidate: ["layout", "paint"], }, { name: "-webkit-text-stroke-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColor", interpolable: true, inherited: true, field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "color", invalidate: ["color"], includes_currentcolor: true, }, { name: "-webkit-text-stroke-width", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, field_group: "*", field_template: "primitive", default_value: "0", type_name: "float", converter: "ConvertTextStrokeWidth", invalidate: ["layout", "paint"], affected_by_zoom: true, }, { name: "-webkit-transform-origin-x", property_methods: ["ParseSingleValue"], style_builder_custom_functions: ["inherit"], interpolable: true, converter: "ConvertLength", computable: false, affected_by_all: false, // Overlaps with transform-origin. legacy_overlapping: true, percentages_depend_on_used_value: true, }, { name: "-webkit-transform-origin-y", property_methods: ["ParseSingleValue"], style_builder_custom_functions: ["inherit"], interpolable: true, converter: "ConvertLength", computable: false, affected_by_all: false, // Overlaps with transform-origin. legacy_overlapping: true, percentages_depend_on_used_value: true, }, { name: "-webkit-transform-origin-z", property_methods: ["ParseSingleValue"], style_builder_custom_functions: ["inherit"], interpolable: true, converter: "ConvertComputedLength", computable: false, affected_by_all: false, // Overlaps with transform-origin. legacy_overlapping: true, percentages_depend_on_used_value: true, }, { name: "-webkit-user-drag", property_methods: ["CSSValueFromComputedStyleInternal"], field_group: "*", field_template: "keyword", keywords: ["auto", "none", "element"], default_value: "auto", valid_for_permission_element: true, invalidate: ["paint"], }, { name: "-webkit-user-modify", property_methods: ["CSSValueFromComputedStyleInternal"], computed_style_protected_functions: ["getter"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["read-only", "read-write", "read-write-plaintext-only"], default_value: "read-only", affected_by_all: false, invalidate: ["paint"], }, { name: "user-select", property_methods: ["CSSValueFromComputedStyleInternal"], computed_style_protected_functions: ["getter"], inherited: true, field_group: "*", field_template: "keyword", keywords: ["auto", "none", "text", "all", "contain"], typedom_types: ["Keyword"], default_value: "auto", valid_for_permission_element: true, invalidate: ["paint"], }, { name: "white-space", longhands: [ "white-space-collapse", "text-wrap-mode" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "white-space-collapse", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_template: "primitive", field_size: 2, // Ensure this is in sync with `kWhiteSpaceCollapseBits`. type_name: "WhiteSpaceCollapse", keywords: ["collapse", "preserve", "preserve-breaks", "break-spaces"], default_value: "WhiteSpaceCollapse::kCollapse", include_paths: ["third_party/blink/renderer/core/css/white_space.h"], typedom_types: ["Keyword"], valid_for_cue: true, valid_for_marker: true, valid_for_page_context: true, invalidate: ["reshape"], }, { name: "text-wrap", longhands: [ "text-wrap-mode", "text-wrap-style" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "text-wrap-mode", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_template: "keyword", type_name: "TextWrapMode", keywords: ["wrap", "nowrap"], default_value: "wrap", typedom_types: ["Keyword"], valid_for_cue: true, valid_for_marker: true, valid_for_page_context: true, invalidate: ["reshape"], }, { name: "text-wrap-style", property_methods: ["CSSValueFromComputedStyleInternal"], inherited: true, field_template: "keyword", type_name: "TextWrapStyle", keywords: ["auto", "balance", "pretty", "stable"], default_value: "auto", typedom_types: ["Keyword"], valid_for_cue: true, valid_for_marker: true, valid_for_page_context: true, invalidate: ["layout"], }, { name: "widows", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ConsumePositiveInteger", interpolable: true, inherited: true, field_group: "*", field_template: "primitive", computed_style_custom_functions: ["setter"], default_value: "2", type_name: "short", typedom_types: ["Number"], invalidate: ["layout"], }, { name: "width", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, layout_dependent: true, field_group: "box", field_template: "", keywords: ["auto", "fit-content", "min-content", "max-content"], default_value: "Length()", typedom_types: ["Keyword", "Length", "Percentage"], converter: "ConvertLengthSizing", anchor_mode: "width", logical_property_group: { name: "size", resolver: "horizontal", }, supports_incremental_style: true, valid_for_position_try: true, affected_by_zoom: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, invalidate: ["layout", "scroll-anchor"], percentages_depend_on_used_value: true, }, { name: "will-change", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], style_builder_custom_functions: ["initial", "inherit", "value"], type_name: "StyleWillChangeData", field_template: "pointer", field_group: "misc", wrapper_pointer_name: "Member", default_value: "nullptr", include_paths: ["third_party/blink/renderer/core/style/style_will_change_data.h"], keywords: ["auto"], typedom_types: ["Keyword"], invalidate: ["compositing"], valid_for_permission_element: true, is_animation_affecting: true, }, { name: "word-break", property_methods: ["CSSValueFromComputedStyleInternal"], style_builder_custom_functions: ["value"], inherited: true, field_group: "*", field_template: "keyword", // Word Break Values. Matches WinIE and CSS3 keywords: ["normal", "break-all", "keep-all", "break-word", "auto-phrase"], default_value: "normal", typedom_types: ["Keyword"], valid_for_marker: true, invalidate: ["layout", "paint"], }, { name: "word-spacing", property_methods: ["CSSValueFromComputedStyleInternal"], parse_helper: "ParseSpacing", interpolable: true, inherited: true, converter: "ConvertSpacing", keywords: ["normal"], field_group: "inherited", field_template: "", default_value: "Length::Fixed()", getter: "ComputedWordSpacing", computed_style_custom_functions: ["getter"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_marker: true, valid_for_permission_element: true, valid_for_page_context: true, affected_by_zoom: true, // The field isn't actually used; this is currently stored in FontDescription. stored_on_extra_field: ["font"], percentages_depend_on_used_value: false, }, { name: "z-index", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], interpolable: true, field_group: "box", field_template: "primitive", default_value: "0", type_name: "int", computed_style_custom_functions: ["setter"], style_builder_template: "auto", converter: "ConvertInteger", keywords: ["auto"], typedom_types: ["Keyword", "Number"], valid_for_permission_element: true, valid_for_page_context: true, invalidate: ["z-index"], stored_on_extra_field: ["HasAutoZIndex"], }, // CSS logical props { name: "inline-size", parse_helper: "ConsumeWidthOrHeight", layout_dependent: true, logical_property_group: { name: "size", resolver: "inline", }, keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "block-size", parse_helper: "ConsumeWidthOrHeight", layout_dependent: true, logical_property_group: { name: "size", resolver: "block", }, keywords: ["auto"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "min-inline-size", property_methods: ["ParseSingleValue"], logical_property_group: { name: "min-size", resolver: "inline", }, typedom_types: ["Length", "Percentage"], valid_for_position_try: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "min-block-size", property_methods: ["ParseSingleValue"], logical_property_group: { name: "min-size", resolver: "block", }, typedom_types: ["Length", "Percentage"], valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "max-inline-size", parse_helper: "ConsumeMaxWidthOrHeight", logical_property_group: { name: "max-size", resolver: "inline", }, keywords: ["none"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "max-block-size", parse_helper: "ConsumeMaxWidthOrHeight", logical_property_group: { name: "max-size", resolver: "block", }, keywords: ["none"], typedom_types: ["Keyword", "Length", "Percentage"], valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "margin-inline-start", layout_dependent: true, property_methods: ["ParseSingleValue"], logical_property_group: { name: "margin", resolver: "inline-start", }, typedom_types: ["Length", "Percentage"], keywords: ["auto"], valid_for_first_letter: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "margin-inline-end", layout_dependent: true, property_methods: ["ParseSingleValue"], logical_property_group: { name: "margin", resolver: "inline-end", }, typedom_types: ["Length", "Percentage"], keywords: ["auto"], valid_for_first_letter: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_permission_icon: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "margin-block-start", layout_dependent: true, property_methods: ["ParseSingleValue"], logical_property_group: { name: "margin", resolver: "block-start", }, typedom_types: ["Length", "Percentage"], keywords: ["auto"], valid_for_first_letter: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "margin-block-end", layout_dependent: true, property_methods: ["ParseSingleValue"], logical_property_group: { name: "margin", resolver: "block-end", }, typedom_types: ["Length", "Percentage"], keywords: ["auto"], valid_for_first_letter: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "padding-inline-start", layout_dependent: true, property_methods: ["ParseSingleValue"], logical_property_group: { name: "padding", resolver: "inline-start", }, typedom_types: ["Length", "Percentage"], valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "padding-inline-end", layout_dependent: true, property_methods: ["ParseSingleValue"], logical_property_group: { name: "padding", resolver: "inline-end", }, typedom_types: ["Length", "Percentage"], valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "padding-block-start", layout_dependent: true, property_methods: ["ParseSingleValue"], logical_property_group: { name: "padding", resolver: "block-start", }, typedom_types: ["Length", "Percentage"], valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "padding-block-end", layout_dependent: true, property_methods: ["ParseSingleValue"], logical_property_group: { name: "padding", resolver: "block-end", }, typedom_types: ["Length", "Percentage"], valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "border-inline-start-width", property_methods: ["ParseSingleValue"], logical_property_group: { name: "border-width", resolver: "inline-start", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-inline-start-style", logical_property_group: { name: "border-style", resolver: "inline-start", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-inline-start-color", parse_helper: "ConsumeColor", logical_property_group: { name: "border-color", resolver: "inline-start", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-inline-end-width", property_methods: ["ParseSingleValue"], logical_property_group: { name: "border-width", resolver: "inline-end", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-inline-end-style", logical_property_group: { name: "border-style", resolver: "inline-end", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-inline-end-color", parse_helper: "ConsumeColor", logical_property_group: { name: "border-color", resolver: "inline-end", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-block-start-width", property_methods: ["ParseSingleValue"], logical_property_group: { name: "border-width", resolver: "block-start", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-block-start-style", logical_property_group: { name: "border-style", resolver: "block-start", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-block-start-color", parse_helper: "ConsumeColor", logical_property_group: { name: "border-color", resolver: "block-start", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-block-end-width", property_methods: ["ParseSingleValue"], logical_property_group: { name: "border-width", resolver: "block-end", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-block-end-style", logical_property_group: { name: "border-style", resolver: "block-end", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-block-end-color", parse_helper: "ConsumeColor", logical_property_group: { name: "border-color", resolver: "block-end", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "inset-inline-start", property_methods: ["ParseSingleValue"], logical_property_group: { name: "inset", resolver: "inline-start", }, typedom_types: ["Length", "Percentage"], valid_for_position_try: true, layout_dependent: true, valid_for_permission_element: true, percentages_depend_on_used_value: true, }, { name: "inset-inline-end", property_methods: ["ParseSingleValue"], logical_property_group: { name: "inset", resolver: "inline-end", }, typedom_types: ["Length", "Percentage"], valid_for_position_try: true, layout_dependent: true, valid_for_permission_element: true, percentages_depend_on_used_value: true, }, { name: "inset-block-start", property_methods: ["ParseSingleValue"], logical_property_group: { name: "inset", resolver: "block-start", }, typedom_types: ["Length", "Percentage"], valid_for_position_try: true, layout_dependent: true, valid_for_permission_element: true, percentages_depend_on_used_value: true, }, { name: "inset-block-end", property_methods: ["ParseSingleValue"], logical_property_group: { name: "inset", resolver: "block-end", }, typedom_types: ["Length", "Percentage"], valid_for_position_try: true, layout_dependent: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "border-start-start-radius", parse_helper: "ParseBorderRadiusCorner", logical_property_group: { name: "border-radius", resolver: "start-start", }, typedom_types: ["Length", "Percentage"], valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "border-start-end-radius", parse_helper: "ParseBorderRadiusCorner", logical_property_group: { name: "border-radius", resolver: "start-end", }, typedom_types: ["Length", "Percentage"], valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "border-end-start-radius", parse_helper: "ParseBorderRadiusCorner", logical_property_group: { name: "border-radius", resolver: "end-start", }, typedom_types: ["Length", "Percentage"], valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "border-end-end-radius", parse_helper: "ParseBorderRadiusCorner", logical_property_group: { name: "border-radius", resolver: "end-end", }, typedom_types: ["Length", "Percentage"], valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, percentages_depend_on_used_value: true, }, { name: "corner-start-start-shape", parse_helper: "ConsumeCornerShape", logical_property_group: { name: "corner-shape", resolver: "start-start", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-start-end-shape", parse_helper: "ConsumeCornerShape", logical_property_group: { name: "corner-shape", resolver: "start-end", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-end-start-shape", parse_helper: "ConsumeCornerShape", logical_property_group: { name: "corner-shape", resolver: "end-start", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-end-end-shape", parse_helper: "ConsumeCornerShape", logical_property_group: { name: "corner-shape", resolver: "end-end", }, valid_for_first_letter: true, valid_for_permission_element: true, valid_for_page_context: true, }, // Non-standard direction aware properties { name: "-webkit-border-end-color", alias_for: "border-inline-end-color", }, { name: "-webkit-border-end-style", alias_for: "border-inline-end-style", }, { name: "-webkit-border-end-width", alias_for: "border-inline-end-width", }, { name: "-webkit-border-start-color", alias_for: "border-inline-start-color", }, { name: "-webkit-border-start-style", alias_for: "border-inline-start-style", }, { name: "-webkit-border-start-width", alias_for: "border-inline-start-width", }, { name: "-webkit-border-before-color", alias_for: "border-block-start-color", }, { name: "-webkit-border-before-style", alias_for: "border-block-start-style", }, { name: "-webkit-border-before-width", alias_for: "border-block-start-width", }, { name: "-webkit-border-after-color", alias_for: "border-block-end-color", }, { name: "-webkit-border-after-style", alias_for: "border-block-end-style", }, { name: "-webkit-border-after-width", alias_for: "border-block-end-width", }, { name: "-webkit-margin-end", alias_for: "margin-inline-end", }, { name: "-webkit-margin-start", alias_for: "margin-inline-start", }, { name: "-webkit-margin-before", alias_for: "margin-block-start", }, { name: "-webkit-margin-after", alias_for: "margin-block-end", }, { name: "-webkit-padding-end", alias_for: "padding-inline-end", }, { name: "-webkit-padding-start", alias_for: "padding-inline-start", }, { name: "-webkit-padding-before", alias_for: "padding-block-start", }, { name: "-webkit-padding-after", alias_for: "padding-block-end", }, { name: "-webkit-logical-width", alias_for: "inline-size", }, { name: "-webkit-logical-height", alias_for: "block-size", }, { name: "-webkit-min-logical-width", alias_for: "min-inline-size", }, { name: "-webkit-min-logical-height", alias_for: "min-block-size", }, { name: "-webkit-max-logical-width", alias_for: "max-inline-size", }, { name: "-webkit-max-logical-height", alias_for: "max-block-size", }, { name: "-webkit-print-color-adjust", alias_for: "print-color-adjust", }, // Properties that we ignore in the StyleBuilder. // TODO(timloh): This seems wrong, most of these shouldn't reach the // StyleBuilder { name: "all", affected_by_all: false, style_builder_template: "empty", computable: false, // Don't expand transition: all into all. is_animation_affecting: true, }, // TODO(hjkim3323@gmail.com): Remove -internal-font-size-delta. // fontSizeDelta execCommand does not need separate CSS property. { name: "-internal-font-size-delta", property_methods: ["ParseSingleValue"], style_builder_template: "empty", }, { name: "-webkit-text-decorations-in-effect", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], inherited: true, style_builder_template: "empty", stored_on_extra_field: ["crbug.com/40919412"], }, // Descriptor only names { name: "font-display", is_descriptor: true, is_property: false, }, { name: "src", is_descriptor: true, is_property: false, }, { name: "unicode-range", is_descriptor: true, is_property: false, }, { name: "syntax", is_descriptor: true, is_property: false, }, { name: "initial-value", is_descriptor: true, is_property: false, }, { name: "inherits", is_descriptor: true, is_property: false, }, { name: "ascent-override", is_descriptor: true, is_property: false, }, { name: "descent-override", is_descriptor: true, is_property: false, }, { name: "line-gap-override", is_descriptor: true, is_property: false, }, { name: "system", is_descriptor: true, is_property: false, }, { name: "negative", is_descriptor: true, is_property: false, }, { name: "prefix", is_descriptor: true, is_property: false, }, { name: "suffix", is_descriptor: true, is_property: false, }, { name: "range", is_descriptor: true, is_property: false, }, { name: "pad", is_descriptor: true, is_property: false, }, { name: "fallback", is_descriptor: true, is_property: false, }, { name: "symbols", is_descriptor: true, is_property: false, }, { name: "additive-symbols", is_descriptor: true, is_property: false, }, { name: "speak-as", is_descriptor: true, is_property: false, }, { name: "size-adjust", is_descriptor: true, is_property: false, }, { name: "base-palette", is_descriptor: true, is_property: false, valid_for_permission_element: true, }, { name: "override-colors", is_descriptor: true, is_property: false, }, { name: "navigation", is_descriptor: true, is_property: false, }, { name: "types", is_descriptor: true, is_property: false, }, { name: "result", is_descriptor: true, is_property: false, runtime_flag: "CSSFunctions", }, { name: "base-url", is_descriptor: true, is_property: false, runtime_flag: "RouteMatching", }, { name: "hash", is_descriptor: true, is_property: false, runtime_flag: "RouteMatching", }, { name: "hostname", is_descriptor: true, is_property: false, runtime_flag: "RouteMatching", }, { name: "pathname", is_descriptor: true, is_property: false, runtime_flag: "RouteMatching", }, { name: "pattern", is_descriptor: true, is_property: false, runtime_flag: "RouteMatching", }, { name: "port", is_descriptor: true, is_property: false, runtime_flag: "RouteMatching", }, { name: "protocol", is_descriptor: true, is_property: false, runtime_flag: "RouteMatching", }, { name: "search", is_descriptor: true, is_property: false, runtime_flag: "RouteMatching", }, { name: "position-area", property_methods: ["ParseSingleValue", "CSSValueFromComputedStyleInternal"], style_builder_custom_functions: ["value", "inherit"], field_group: "*", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/position_area.h"], converter: "ConvertPositionArea", default_value: "PositionArea()", type_name: "PositionArea", keywords: [ "none", "top", "bottom", "center", "left", "right", "x-start", "x-end", "y-start", "y-end", "start", "end", "self-start", "self-end", "all" ], typedom_keywords: ["none"], typedom_types: ["Keyword"], valid_for_position_try: true, valid_for_permission_element: true, // position-area needs to be applied before inset properties since // anchor() functions compute relative to the containing block that is // modified by position-area in AnchorEvaluatorImpl. priority: 1, invalidate: ["box-paint-property", "layout", "out-of-flow", "paint"], }, // Shorthands { name: "animation", longhands: [ "animation-duration", "animation-timing-function", "animation-delay", "animation-iteration-count", "animation-direction", "animation-fill-mode", "animation-play-state", "animation-name", "animation-timeline", "animation-range-start", "animation-range-end" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], supports_incremental_style: false, valid_for_keyframe: false, is_animation_affecting: true, }, { name: "animation-range", longhands: [ "animation-range-start", "animation-range-end", ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], supports_incremental_style: false, valid_for_keyframe: false, is_animation_affecting: true, }, { name: "background", longhands: [ "background-image", "background-position-x", "background-position-y", "background-size", "background-repeat", "background-attachment", "background-origin", "background-clip", "background-color" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], supports_incremental_style: true, valid_for_page_context: true, }, { name: "background-position", longhands: ["background-position-x", "background-position-y"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], computable: true, supports_incremental_style: true, valid_for_page_context: true, }, { name: "border", longhands: [ "border-top-color", "border-top-style", "border-top-width", "border-right-color", "border-right-style", "border-right-width", "border-bottom-color", "border-bottom-style", "border-bottom-width", "border-left-color", "border-left-style", "border-left-width", "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-block", longhands: [ "border-block-start-color", "border-block-start-style", "border-block-start-width", "border-block-end-color", "border-block-end-style", "border-block-end-width" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-block-color", longhands: ["border-block-start-color", "border-block-end-color"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-block-end", longhands: [ "border-block-end-width", "border-block-end-style", "border-block-end-color" ], property_methods: ["ParseShorthand"], logical_property_group: { name: "border", resolver: "block-end", }, valid_for_page_context: true, }, { name: "border-block-start", longhands: [ "border-block-start-width", "border-block-start-style", "border-block-start-color" ], property_methods: ["ParseShorthand"], logical_property_group: { name: "border", resolver: "block-start", }, valid_for_page_context: true, }, { name: "border-block-style", longhands: ["border-block-start-style", "border-block-end-style"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-block-width", longhands: ["border-block-start-width", "border-block-end-width"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-bottom", longhands: [ "border-bottom-width", "border-bottom-style", "border-bottom-color" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], logical_property_group: { name: "border", resolver: "bottom", }, valid_for_page_context: true, }, { name: "border-color", longhands: [ "border-top-color", "border-right-color", "border-bottom-color", "border-left-color" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], supports_incremental_style: true, valid_for_page_context: true, }, { name: "border-image", longhands: [ "border-image-source", "border-image-slice", "border-image-width", "border-image-outset", "border-image-repeat" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-inline", longhands: [ "border-inline-start-color", "border-inline-start-style", "border-inline-start-width", "border-inline-end-color", "border-inline-end-style", "border-inline-end-width" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-inline-color", longhands: ["border-inline-start-color", "border-inline-end-color"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-inline-end", longhands: [ "border-inline-end-width", "border-inline-end-style", "border-inline-end-color" ], property_methods: ["ParseShorthand"], logical_property_group: { name: "border", resolver: "inline-end", }, valid_for_page_context: true, }, { name: "border-inline-start", longhands: [ "border-inline-start-width", "border-inline-start-style", "border-inline-start-color" ], property_methods: ["ParseShorthand"], logical_property_group: { name: "border", resolver: "inline-start", }, valid_for_page_context: true, }, { name: "border-inline-style", longhands: ["border-inline-start-style", "border-inline-end-style"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-inline-width", longhands: ["border-inline-start-width", "border-inline-end-width"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "border-left", longhands: [ "border-left-width", "border-left-style", "border-left-color" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], logical_property_group: { name: "border", resolver: "left", }, valid_for_page_context: true, }, { name: "border-radius", longhands: [ "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "border-right", longhands: [ "border-right-width", "border-right-style", "border-right-color" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], logical_property_group: { name: "border", resolver: "right", }, valid_for_page_context: true, }, { name: "border-spacing", longhands: [ "-webkit-border-horizontal-spacing", "-webkit-border-vertical-spacing" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "border-style", longhands: [ "border-top-style", "border-right-style", "border-bottom-style", "border-left-style" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], keywords: ["none"], valid_for_page_context: true, }, { name: "border-top", longhands: ["border-top-width", "border-top-style", "border-top-color"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], logical_property_group: { name: "border", resolver: "top", }, valid_for_page_context: true, }, { name: "border-width", longhands: [ "border-top-width", "border-right-width", "border-bottom-width", "border-left-width" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "column-rule-inset-cap", longhands: ["column-rule-inset-cap-start", "column-rule-inset-cap-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-inset-end", longhands: ["column-rule-inset-cap-end", "column-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-inset-start", longhands: ["column-rule-inset-cap-start", "column-rule-inset-junction-start"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-inset-junction", longhands: ["column-rule-inset-junction-start", "column-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "contain-intrinsic-inline-size", parse_helper: "ConsumeIntrinsicSizeLonghand", logical_property_group: { name: "contain-intrinsic-size", resolver: "inline", }, typedom_types: ["Keyword", "Length"], valid_for_permission_element: true, }, { name: "contain-intrinsic-block-size", parse_helper: "ConsumeIntrinsicSizeLonghand", logical_property_group: { name: "contain-intrinsic-size", resolver: "block", }, typedom_types: ["Keyword", "Length"], valid_for_permission_element: true, }, { name: "contain-intrinsic-size", longhands: [ "contain-intrinsic-width", "contain-intrinsic-height" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], computable: true, valid_for_permission_element: true, }, { name: "container", longhands: [ "container-name", "container-type" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "corner-top-shape", longhands: [ "corner-top-left-shape", "corner-top-right-shape" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-right-shape", longhands: [ "corner-top-right-shape", "corner-bottom-right-shape" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-bottom-shape", longhands: [ "corner-bottom-left-shape", "corner-bottom-right-shape" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-left-shape", longhands: [ "corner-top-left-shape", "corner-bottom-left-shape" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-block-start-shape", property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], longhands: ["corner-start-start-shape", "corner-start-end-shape"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-block-end-shape", property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], longhands: ["corner-end-start-shape", "corner-end-end-shape"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-inline-start-shape", property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], longhands: ["corner-start-start-shape", "corner-end-start-shape"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-inline-end-shape", property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], longhands: ["corner-start-end-shape", "corner-end-end-shape"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner-shape", longhands: [ "corner-top-left-shape", "corner-top-right-shape", "corner-bottom-right-shape", "corner-bottom-left-shape" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_permission_element: true, valid_for_page_context: true, }, { name: "corner", longhands: [ "border-top-left-radius", "corner-top-left-shape", "border-top-right-radius", "corner-top-right-shape", "border-bottom-right-radius", "corner-bottom-right-shape", "border-bottom-left-radius", "corner-bottom-left-shape" ], keywords: ["normal"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSCornersShorthand", valid_for_permission_element: true, valid_for_page_context: true, }, { name: "flex", longhands: ["flex-grow", "flex-shrink", "flex-basis"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "flex-flow", longhands: ["flex-direction", "flex-wrap"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "font", longhands: [ "font-style", "font-variant-ligatures", "font-variant-caps", "font-variant-numeric", "font-variant-east-asian", "font-variant-alternates", "font-variant-position", "font-variant-emoji", "font-weight", "font-stretch", "font-size", "line-height", "font-family", "font-optical-sizing", "font-size-adjust", "font-kerning", "font-feature-settings", "font-variation-settings", "font-language-override" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], // Changes to anything related to fonts require that we call style.UpdateFont(), // which the incremental path does not do. supports_incremental_style: false, }, { name: "font-variant", longhands: [ "font-variant-ligatures", "font-variant-caps", "font-variant-alternates", "font-variant-numeric", "font-variant-east-asian", "font-variant-position", "font-variant-emoji" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], is_descriptor: true, computable: true, // See comment on font. supports_incremental_style: false, }, { name: "font-synthesis", longhands: ["font-synthesis-weight", "font-synthesis-style", "font-synthesis-small-caps"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], // See comment on font. supports_incremental_style: false, }, { name: "grid", longhands: [ "grid-template-rows", "grid-template-columns", "grid-template-areas", "grid-auto-flow", "grid-auto-rows", "grid-auto-columns" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], layout_dependent: true, }, { name: "place-content", longhands: ["align-content", "justify-content"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "place-items", longhands: ["align-items", "justify-items"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "place-self", longhands: ["align-self", "justify-self"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_position_try: true, }, { name: "gap", longhands: ["row-gap", "column-gap"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "grid-area", longhands: [ "grid-row-start", "grid-column-start", "grid-row-end", "grid-column-end" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "grid-column", longhands: ["grid-column-start", "grid-column-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "grid-lanes", longhands: [ "grid-template-areas", "grid-template-columns", "grid-template-rows", "grid-lanes-direction"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], layout_dependent: true, runtime_flag: "CSSGridLanesLayout", }, { name: "grid-row", longhands: ["grid-row-start", "grid-row-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "grid-template", longhands: [ "grid-template-rows", "grid-template-columns", "grid-template-areas" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], layout_dependent: true, }, { name: "inset", longhands: ["top", "right", "bottom", "left"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_position_try: true, layout_dependent: true, }, { name: "inset-block", longhands: ["inset-block-start", "inset-block-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_position_try: true, layout_dependent: true, }, { name: "inset-inline", longhands: ["inset-inline-start", "inset-inline-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_position_try: true, layout_dependent: true, }, { name: "list-style", longhands: ["list-style-position", "list-style-image", "list-style-type"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "margin", longhands: ["margin-top", "margin-right", "margin-bottom", "margin-left"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], layout_dependent: true, valid_for_position_try: true, valid_for_permission_element: true, valid_for_page_context: true, valid_for_permission_icon: true, }, { name: "margin-block", longhands: ["margin-block-start", "margin-block-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], layout_dependent: true, valid_for_position_try: true, valid_for_page_context: true, }, { name: "margin-inline", longhands: ["margin-inline-start", "margin-inline-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], layout_dependent: true, valid_for_position_try: true, valid_for_page_context: true, }, { name: "marker", longhands: ["marker-start", "marker-mid", "marker-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "offset", longhands: [ "offset-position", "offset-path", "offset-distance", "offset-rotate", "offset-anchor" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "outline", longhands: ["outline-color", "outline-style", "outline-width"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "overflow", longhands: ["overflow-x", "overflow-y"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], // See comment on overflow-x. supports_incremental_style: false, }, { name: "overscroll-behavior", longhands: ["overscroll-behavior-x", "overscroll-behavior-y"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "padding", longhands: [ "padding-top", "padding-right", "padding-bottom", "padding-left" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], layout_dependent: true, supports_incremental_style: true, valid_for_page_context: true, }, { name: "padding-block", longhands: ["padding-block-start", "padding-block-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "padding-inline", longhands: ["padding-inline-start", "padding-inline-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], valid_for_page_context: true, }, { name: "page-break-after", longhands: ["break-after"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "page-break-before", longhands: ["break-before"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "page-break-inside", longhands: ["break-inside"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "position-try", longhands: ["position-try-order", "position-try-fallbacks"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "row-rule-inset-cap", longhands: ["row-rule-inset-cap-start", "row-rule-inset-cap-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "row-rule-inset-end", longhands: ["row-rule-inset-cap-end", "row-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "row-rule-inset-start", longhands: ["row-rule-inset-cap-start", "row-rule-inset-junction-start"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "row-rule-inset-junction", longhands: ["row-rule-inset-junction-start", "row-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule", longhands: [ "column-rule-width", "column-rule-style", "column-rule-color", "row-rule-width", "row-rule-style", "row-rule-color"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-break", longhands: ["row-rule-break", "column-rule-break"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-color", longhands: ["column-rule-color", "row-rule-color"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-inset-cap", longhands: ["row-rule-inset-cap-start", "row-rule-inset-cap-end", "column-rule-inset-cap-start", "column-rule-inset-cap-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-inset-junction", longhands: ["row-rule-inset-junction-start", "row-rule-inset-junction-end", "column-rule-inset-junction-start", "column-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-inset-end", longhands: ["column-rule-inset-cap-end", "column-rule-inset-junction-end", "row-rule-inset-cap-end", "row-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-inset-start", longhands: ["column-rule-inset-cap-start", "column-rule-inset-junction-start", "row-rule-inset-cap-start", "row-rule-inset-junction-start"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "column-rule-inset", longhands: ["column-rule-inset-cap-start", "column-rule-inset-cap-end", "column-rule-inset-junction-start", "column-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "row-rule-inset", longhands: ["row-rule-inset-cap-start", "row-rule-inset-cap-end", "row-rule-inset-junction-start", "row-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-inset", longhands: ["row-rule-inset-cap-start", "row-rule-inset-cap-end", "row-rule-inset-junction-start", "row-rule-inset-junction-end", "column-rule-inset-cap-start", "column-rule-inset-cap-end", "column-rule-inset-junction-start", "column-rule-inset-junction-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-width", longhands: ["column-rule-width", "row-rule-width"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-style", longhands: ["column-rule-style", "row-rule-style"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "rule-visibility-items", longhands: ["column-rule-visibility-items", "row-rule-visibility-items"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "scroll-margin", longhands: ["scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "scroll-margin-block", longhands: ["scroll-margin-block-start", "scroll-margin-block-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "scroll-margin-inline", longhands: ["scroll-margin-inline-start", "scroll-margin-inline-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "scroll-padding", longhands: [ "scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "scroll-padding-block", longhands: ["scroll-padding-block-start", "scroll-padding-block-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "scroll-padding-inline", longhands: ["scroll-padding-inline-start", "scroll-padding-inline-end"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "scroll-timeline", longhands: ["scroll-timeline-name", "scroll-timeline-axis"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "text-decoration", longhands: ["text-decoration-line", "text-decoration-thickness", "text-decoration-style", "text-decoration-color"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], computable: true, valid_for_page_context: true, }, { name: "transition", longhands: [ "transition-property", "transition-duration", "transition-timing-function", "transition-delay", "transition-behavior", ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], // Animation properites are never incremental. supports_incremental_style: false, is_animation_affecting: true, }, { name: "view-timeline", longhands: ["view-timeline-name", "view-timeline-axis", "view-timeline-inset"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "-webkit-border-after", alias_for: "border-block-end", }, { name: "-webkit-border-before", alias_for: "border-block-start", }, { name: "-webkit-border-end", alias_for: "border-inline-end", }, { name: "-webkit-border-start", alias_for: "border-inline-start", }, { name: "-webkit-column-break-after", longhands: ["break-after"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "-webkit-column-break-before", longhands: ["break-before"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "-webkit-column-break-inside", longhands: ["break-inside"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "column-rule", longhands: [ "column-rule-width", "column-rule-style", "column-rule-color" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "row-rule", longhands: [ "row-rule-width", "row-rule-style", "row-rule-color" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], runtime_flag: "CSSGapDecoration", }, { name: "columns", longhands: ["column-width", "column-count", "column-height", "column-wrap"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "mask", longhands: [ "mask-image", "-webkit-mask-position-x", "-webkit-mask-position-y", "mask-size", "mask-repeat", "mask-origin", "mask-clip", "mask-composite", "mask-mode" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "-webkit-mask", alias_for: "mask", }, { name: "-webkit-mask-box-image", longhands: [ "-webkit-mask-box-image-source", "-webkit-mask-box-image-slice", "-webkit-mask-box-image-width", "-webkit-mask-box-image-outset", "-webkit-mask-box-image-repeat" ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], computable: true, }, { name: "mask-position", longhands: ["-webkit-mask-position-x", "-webkit-mask-position-y"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], computable: true, }, { name: "-webkit-mask-position", alias_for: "mask-position", }, { name: "text-emphasis", longhands: ["text-emphasis-style", "text-emphasis-color"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, { name: "timeline-trigger", longhands: [ "timeline-trigger-name", "timeline-trigger-source", "timeline-trigger-activation-range-start", "timeline-trigger-activation-range-end", "timeline-trigger-active-range-start", "timeline-trigger-active-range-end", ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], supports_incremental_style: false, valid_for_keyframe: false, runtime_flag: "TimelineTrigger", }, { name: "timeline-trigger-activation-range", longhands: [ "timeline-trigger-activation-range-start", "timeline-trigger-activation-range-end", ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], supports_incremental_style: false, valid_for_keyframe: false, runtime_flag: "TimelineTrigger", }, { name: "timeline-trigger-active-range", longhands: [ "timeline-trigger-active-range-start", "timeline-trigger-active-range-end", ], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], supports_incremental_style: false, valid_for_keyframe: false, runtime_flag: "TimelineTrigger", }, { name: "-webkit-text-stroke", longhands: ["-webkit-text-stroke-width", "-webkit-text-stroke-color"], property_methods: ["ParseShorthand", "CSSValueFromComputedStyleInternal"], }, // Visited properties. { name: "-internal-visited-color", visited_property_for: "color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", inherited: true, field_group: "inherited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(Color::kBlack)", type_name: "StyleColor", computed_style_protected_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit", "value"], priority: 1, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, valid_for_highlight: true, is_visited_highlight_colors: true, invalidate: ["border-visual", "color", "currentcolor"], }, { name: "-internal-visited-caret-color", visited_property_for: "caret-color", property_methods: ["ParseSingleValue", "ColorIncludingFallback"], inherited: true, field_group: "inherited->inherited_visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_caret_color.h"], default_value: "StyleCaretColor()", type_name: "StyleCaretColor", converter: "ConvertStyleCaretColor", computed_style_protected_functions: ["getter"], style_builder_template: "visited_color", style_builder_template_args: { initial_color: "StyleCaretColor", }, invalidate: ["color"], }, { name: "-internal-visited-column-rule-color", visited_property_for: "column-rule-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeColor", field_group: "misc->visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/style/gap_data_list.h", "third_party/blink/renderer/core/css/style_color.h"], default_value: "GapDataList::DefaultGapColorDataList()", type_name: "GapDataList", converter: "ConvertGapDecorationColorDataList", invalidate: ["paint"], }, { name: "-internal-visited-background-color", visited_property_for: "background-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", field_group: "misc->visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(Color::kTransparent)", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialBackgroundColor", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_highlight: true, is_visited_highlight_colors: true, invalidate: ["background-color"], }, { name: "-internal-visited-border-left-color", visited_property_for: "border-left-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeBorderColorSide", field_group: "misc->visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_first_letter: true, logical_property_group: { name: "visited-border-color", resolver: "left", }, invalidate: ["border-outline-visited-color"], }, { name: "-internal-visited-border-right-color", visited_property_for: "border-right-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeBorderColorSide", field_group: "misc->visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_first_letter: true, logical_property_group: { name: "visited-border-color", resolver: "right", }, invalidate: ["border-outline-visited-color"], }, { name: "-internal-visited-border-top-color", visited_property_for: "border-top-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeBorderColorSide", field_group: "misc->visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_first_letter: true, logical_property_group: { name: "visited-border-color", resolver: "top", }, invalidate: ["border-outline-visited-color"], }, { name: "-internal-visited-border-bottom-color", visited_property_for: "border-bottom-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeBorderColorSide", field_group: "misc->visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_first_letter: true, logical_property_group: { name: "visited-border-color", resolver: "bottom", }, invalidate: ["border-outline-visited-color"], }, { name: "-internal-visited-border-inline-start-color", visited_property_for: "border-inline-start-color", parse_helper: "ConsumeBorderColorSide", logical_property_group: { name: "visited-border-color", resolver: "inline-start", }, valid_for_first_letter: true, }, { name: "-internal-visited-border-inline-end-color", visited_property_for: "border-inline-end-color", parse_helper: "ConsumeBorderColorSide", logical_property_group: { name: "visited-border-color", resolver: "inline-end", }, valid_for_first_letter: true, }, { name: "-internal-visited-border-block-start-color", visited_property_for: "border-block-start-color", parse_helper: "ConsumeBorderColorSide", logical_property_group: { name: "visited-border-color", resolver: "block-start", }, valid_for_first_letter: true, }, { name: "-internal-visited-border-block-end-color", visited_property_for: "border-block-end-color", parse_helper: "ConsumeBorderColorSide", logical_property_group: { name: "visited-border-color", resolver: "block-end", }, valid_for_first_letter: true, }, { name: "-internal-visited-fill", visited_property_for: "fill", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeSVGPaint", inherited: true, field_group: "svginherited->fill", field_template: "external", type_name: "SVGPaint", include_paths: ["third_party/blink/renderer/core/style/svg_paint.h"], default_value: "SVGPaint(Color::kBlack)", name_for_methods: "InternalVisitedFillPaint", converter: "ConvertSVGPaint", style_builder_template: "visited_color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialFillPaint", }, valid_for_highlight: true, }, { name: "-internal-visited-outline-color", visited_property_for: "outline-color", property_methods: ["ParseSingleValue", "ColorIncludingFallback"], field_group: "misc->visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_cue: true, invalidate: ["border-outline-visited-color"], }, { name: "-internal-visited-stroke", visited_property_for: "stroke", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeSVGPaint", inherited: true, field_group: "svginherited->stroke", field_template: "external", type_name: "SVGPaint", include_paths: ["third_party/blink/renderer/core/style/svg_paint.h"], default_value: "SVGPaint()", name_for_methods: "InternalVisitedStrokePaint", converter: "ConvertSVGPaint", style_builder_template: "visited_color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialStrokePaint", }, valid_for_highlight: true, invalidate: ["paint"], }, { name: "-internal-visited-text-decoration-color", visited_property_for: "text-decoration-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeColor", field_group: "misc->visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_highlight: true, invalidate: ["color"], }, { name: "-internal-visited-text-emphasis-color", visited_property_for: "text-emphasis-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeColor", inherited: true, field_group: "inherited->inherited_visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_highlight: true, invalidate: ["color"], }, { name: "-internal-visited-text-fill-color", visited_property_for: "-webkit-text-fill-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeColor", inherited: true, field_group: "inherited->inherited_visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_highlight: true, invalidate: ["color"], }, { name: "-internal-visited-text-stroke-color", visited_property_for: "-webkit-text-stroke-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeColor", inherited: true, field_group: "inherited->inherited_visited", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "visited_color", valid_for_highlight: true, invalidate: ["color"], }, // Forced colors properties. { name: "-internal-forced-background-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", field_group: "misc->forced_colors", field_template: "external", include_paths: ["third_party/blink/renderer/core/css_value_keywords.h", "third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(CSSValueID::kCanvas)", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "color", style_builder_template_args: { initial_color: "ComputedStyleInitialValues::InitialInternalForcedBackgroundColor", }, valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, }, { name: "-internal-forced-border-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", field_group: "misc->forced_colors", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_first_letter: true, }, { name: "-internal-forced-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", inherited: true, field_group: "inherited->inherited_forced_colors", field_template: "external", include_paths: ["third_party/blink/renderer/core/css_value_keywords.h", "third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(CSSValueID::kCanvastext)", type_name: "StyleColor", computed_style_protected_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit", "value"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, }, { name: "-internal-forced-outline-color", property_methods: ["CSSValueFromComputedStyleInternal", "ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", field_group: "misc->forced_colors", field_template: "external", include_paths: ["third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor::CurrentColor()", type_name: "StyleColor", computed_style_protected_functions: ["getter"], converter: "ConvertStyleColor", style_builder_template: "color", valid_for_cue: true, }, { name: "-internal-forced-visited-color", visited_property_for: "-internal-forced-color", property_methods: ["ColorIncludingFallback"], parse_helper: "ConsumeColorMaybeQuirky", inherited: true, field_group: "inherited->inherited_forced_colors", field_template: "external", include_paths: ["third_party/blink/renderer/core/css_value_keywords.h", "third_party/blink/renderer/core/css/style_color.h"], default_value: "StyleColor(CSSValueID::kCanvastext)", type_name: "StyleColor", computed_style_protected_functions: ["getter"], style_builder_custom_functions: ["initial", "inherit", "value"], valid_for_first_letter: true, valid_for_first_line: true, valid_for_cue: true, valid_for_marker: true, }, // Name: -internal-empty-line-height: // Value: none | fabricated // If the element is inline or contains visible text, this property has // no effect. // // 'none' // The box's intrinsic height is 0, and it defines no baseline. // 'fabricated' // The box has intrinsic height and baseline, computed from the current // font metrics. { name: "-internal-empty-line-height", property_methods: ["ParseSingleValue" ], inherited: true, field_group: "*", field_template: "primitive", type_name: "bool", default_value: "false", name_for_methods: "HasLineIfEmpty", converter: "ConvertInternalEmptyLineHeight", }, { name: "-internal-align-content-block", property_methods: ["ParseSingleValue"], inherited: false, field_group: "*", field_template: "primitive", type_name: "bool", default_value: "false", name_for_methods: "AlignContentBlockCenter", converter: "ConvertInternalAlignContentBlock", invalidate: ["layout"], }, // Aliases; these map to the same CSSPropertyID { name: "-epub-caption-side", alias_for: "caption-side", }, { name: "-epub-text-combine", alias_for: "-webkit-text-combine", }, { name: "-epub-text-emphasis", alias_for: "text-emphasis", }, { name: "-epub-text-emphasis-color", alias_for: "text-emphasis-color", }, { name: "-epub-text-emphasis-style", alias_for: "text-emphasis-style", }, { name: "-epub-text-orientation", alias_for: "-webkit-text-orientation", }, { name: "-epub-text-transform", alias_for: "text-transform", }, { name: "-epub-word-break", alias_for: "word-break", }, { name: "-epub-writing-mode", alias_for: "-webkit-writing-mode", }, { name: "-webkit-align-content", alias_for: "align-content", }, { name: "-webkit-align-items", alias_for: "align-items", }, { name: "-webkit-align-self", alias_for: "align-self", }, { name: "-webkit-animation", alias_for: "animation", }, { name: "-webkit-animation-delay", alias_for: "animation-delay", }, { name: "-webkit-animation-direction", alias_for: "animation-direction", }, { name: "-webkit-animation-duration", alias_for: "animation-duration", }, { name: "-webkit-animation-fill-mode", alias_for: "animation-fill-mode", }, { name: "-webkit-animation-iteration-count", alias_for: "animation-iteration-count", }, { name: "-webkit-animation-name", alias_for: "animation-name", }, { name: "-webkit-animation-play-state", alias_for: "animation-play-state", }, { name: "-webkit-animation-timing-function", alias_for: "animation-timing-function", }, { name: "-webkit-backface-visibility", alias_for: "backface-visibility", }, { name: "-webkit-background-clip", alias_for: "background-clip", }, // -webkit-background-origin accepts "content", "padding", and "border" // values. See crbug.com/604023 { name: "-webkit-background-origin", alias_for: "background-origin" }, // "-webkit-background-size: 10px" behaves as "background-size: 10px 10px" { name: "-webkit-background-size", alias_for: "background-size", }, { name: "-webkit-border-bottom-left-radius", alias_for: "border-bottom-left-radius", }, { name: "-webkit-border-bottom-right-radius", alias_for: "border-bottom-right-radius", }, // "-webkit-border-radius: 1px 2px" behaves as "border-radius: 1px / 2px" { name: "-webkit-border-radius", alias_for: "border-radius", }, { name: "-webkit-border-top-left-radius", alias_for: "border-top-left-radius", }, { name: "-webkit-border-top-right-radius", alias_for: "border-top-right-radius", }, { name: "-webkit-box-shadow", alias_for: "box-shadow", }, { name: "-webkit-box-sizing", alias_for: "box-sizing", }, { name: "-webkit-clip-path", alias_for: "clip-path", }, { name: "-webkit-column-count", alias_for: "column-count", }, { name: "-webkit-column-gap", alias_for: "column-gap", }, { name: "-webkit-column-rule", alias_for: "column-rule", }, { name: "-webkit-column-rule-color", alias_for: "column-rule-color", }, { name: "-webkit-column-rule-style", alias_for: "column-rule-style", }, { name: "-webkit-column-rule-width", alias_for: "column-rule-width", }, { name: "-webkit-column-span", alias_for: "column-span", }, { name: "-webkit-column-width", alias_for: "column-width", }, { name: "-webkit-columns", alias_for: "columns", }, { name: "-webkit-filter", alias_for: "filter", }, { name: "-webkit-flex", alias_for: "flex", }, { name: "-webkit-flex-basis", alias_for: "flex-basis", }, { name: "-webkit-flex-direction", alias_for: "flex-direction", }, { name: "-webkit-flex-flow", alias_for: "flex-flow", }, { name: "-webkit-flex-grow", alias_for: "flex-grow", }, { name: "-webkit-flex-shrink", alias_for: "flex-shrink", }, { name: "-webkit-flex-wrap", alias_for: "flex-wrap", }, { name: "-webkit-font-feature-settings", alias_for: "font-feature-settings", }, { name: "-webkit-hyphenate-character", alias_for: "hyphenate-character", }, { name: "-webkit-justify-content", alias_for: "justify-content", }, { name: "-webkit-opacity", alias_for: "opacity", }, { name: "-webkit-order", alias_for: "order", }, { name: "-webkit-perspective", alias_for: "perspective", }, { name: "-webkit-perspective-origin", alias_for: "perspective-origin", }, { name: "-webkit-shape-image-threshold", alias_for: "shape-image-threshold", }, { name: "-webkit-shape-margin", alias_for: "shape-margin", }, { name: "-webkit-shape-outside", alias_for: "shape-outside", }, { name: "-webkit-text-emphasis", alias_for: "text-emphasis", }, { name: "-webkit-text-emphasis-color", alias_for: "text-emphasis-color", }, { name: "-webkit-text-emphasis-position", alias_for: "text-emphasis-position", }, { name: "-webkit-text-emphasis-style", alias_for: "text-emphasis-style", }, { name: "-webkit-text-size-adjust", alias_for: "text-size-adjust", }, { name: "-webkit-transform", alias_for: "transform", }, { name: "-webkit-transform-origin", alias_for: "transform-origin", }, { name: "-webkit-transform-style", alias_for: "transform-style", }, { name: "-webkit-transition", alias_for: "transition", }, { name: "-webkit-transition-delay", alias_for: "transition-delay", }, { name: "-webkit-transition-duration", alias_for: "transition-duration", }, { name: "-webkit-transition-property", alias_for: "transition-property", }, { name: "-webkit-transition-timing-function", alias_for: "transition-timing-function", }, { name: "-webkit-user-select", alias_for: "user-select", }, { name: "word-wrap", alias_for: "overflow-wrap", }, { name: "grid-column-gap", alias_for: "column-gap", }, { name: "grid-row-gap", alias_for: "row-gap", }, { name: "grid-gap", alias_for: "gap", }, ], }