Convert Settings.in, CSSValueKeywords.in, SVGCSSValueKeywords.in to json5

third_party/WebKit/Source/core/css/CSSProperties.json5

+{
+// 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: {
+  },
+
+  // - descriptor_only
+  // These are actually descriptors and not CSS properties. Properties with
+  // the same name as a descriptor do not get this flag.
+  descriptor_only: {
+  },
+
+  // - runtime_flag=CSSGridLayout
+  // The flag on RuntimeEnabledFeatures conditionally enables the property.
+  // This doesn't currently work with alias_for.
+  runtime_flag: {
+  },
+
+  // - longhands=property;other-property
+  // The property is a shorthand for several other properties.
+  longhands: {
+    default: '',
+  },
+
+  // Flags which go into CSSPropertyMetadata:
+  // - 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 AnimatedStyleBuilder, CSSPropertyEquality and
+  // CSSAnimatableValueFactory.
+  // - inherited
+  // The property will inherit by default if no value is specified, typically
+  // mentioned in specifications as "Inherited: yes"
+  interpolable: {
+    default: false,
+    valid_type: "bool",
+  },
+  inherited: {
+    default: false,
+    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",
+  },
+
+  // 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 StyleBuilderCustom.cpp. We only should use
+  // StyleBuilderFunctions.cpp.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
+  // - svg
+  // The default property handlers access the SVGComputedStyle
+  font: {
+    default: false,
+    valid_type: "bool",
+  },
+  svg: {
+    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
+  // - initial
+  // The initial value accessor on the ComputedStyle, defaults to e.g. initialBoxShadow
+  // - getter
+  // The ComputedStyle getter, defaults to e.g. borderBottomLeft
+  // - setter
+  // The ComputedStyle setter, defaults to e.g. setBorderBottomLeft
+  // - type_name
+  // The computed type for the property. Only required for the default value
+  // application, defaults to e.g. EDisplay
+  name_for_methods: {
+  },
+  getter: {
+  },
+  setter: {
+  },
+  initial: {
+  },
+  type_name: {
+  },
+
+  // - converter=convertRadius
+  // The StyleBuilder will call the specified function on StyleBuilderConverter
+  // to convert a CSSValue to an appropriate platform value
+  converter: {
+  },
+
+  // - custom_initial
+  // - custom_inherit
+  // - custom_value
+  // - custom_all
+  // Handlers of the given types will be declared but not defined. Setting
+  // custom_all is equivalent to setting the other three flags
+  custom_all: {
+    default: false,
+    valid_type: "bool",
+  },
+  custom_initial: {
+    default: false,
+    valid_type: "bool",
+  },
+  custom_inherit: {
+    default: false,
+    valid_type: "bool",
+  },
+  custom_value: {
+    default: false,
+    valid_type: "bool",
+  },
+
+  // - use_handlers_for=CSSPropertyTransform
+  // Use handlers for the specified property instead of defining new ones
+  use_handlers_for: {
+  },
+
+  // - builder_skip
+  // Ignore this property in the StyleBuilder
+  builder_skip: {
+    default: false,
+    valid_type: "bool",
+  },
+
+  // - direction_aware
+  // This property resolves to a different property based on the current direction
+  // and writing mode.
+  direction_aware: {
+    default: false,
+    valid_type: "bool",
+  },
+
+  // - priority=High
+  // The priority level for computing the property. Valid values are
+  // "Animation" (highest), "High" and "Low". Properties with the same
+  // priority level are grouped and computed in alphabetical order. The
+  // default value is "Low".
+  priority: {
+    default: 'Low',
+    valid_values: ['Animation', 'High', 'Low'],
+  },
+
+  // - api_class[=classname]
+  // Specifies the existance (and optionally name) of a CSSPropertyAPI
+  // implementation for the property to be used by make_css_property_descriptor.py.
+  // See core/css/properties/CSSPropertyAPI.h for API details.
+  // * Add this flag if the API has been implemented for this property.
+  // * If the classname for this is different to the name of the property, specify a
+  //   value for this flag. e.g. api_class=CSSPropertyAPIWebkitPadding
+  // TODO(aazzam): When most properties have been implemented, modify this so that
+  // properties with default classnames do not get this flag, and introduce a
+  // 'not_implemented' flag instead.
+  api_class: {
+  },
+
+  // Generated ComputedStyle annotations.
+  // - field_storage_type=path/to/Type
+  // For properties that have generated field storage in ComputedStyle,
+  // this optional argument will override the field's generated type with
+  // an external one specified at the given path. The type must be defined
+  // in a header file at that path, and have the same name as the file.
+  // Currently, only enum types are supported, and the enum's only values
+  // must be CamelCase values of the keywords of the property.
+  field_storage_type: {
+  },
+
+  // Flags which go into CSSOMTypes:
+  // - typedom_types=["Type", "OtherType"]
+  // The property can take types specified in typedom_types for CSS Typed OM.
+  // Keyword does not need to be specified as every property can take keywords.
+  // - 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.
+  // - repeated
+  // The property supports a list of values.
+  // - supports_percentage
+  // The property supports percentage types.
+  // Typed OM annotations.
+  typedom_types: {
+    default: [],
+  },
+  keywords: {
+    default: [],
+  },
+  repeated: {
+    default: false,
+  },
+  supports_percentage: {
+    default: false,
+  },
+
+  // - keyword_only
+  // These properties only store keyword values. This is used when
+  // generating the ComputedStyle storage for the property. The initial
+  // value for this property on a ComputedStyle is specified with the
+  // initial_keyword flag below.
+  // TODO(sashab): Rename this to field_type=keyword once we support
+  // multiple types of generatable fields in ComputedStyle
+  // TODO(sashab, meade): Remove this once TypedOM types are specified for
+  // every property, since this value can be inferred from that.
+  keyword_only: {
+    default: false,
+    valid_type: "bool",
+  },
+  // - initial_keyword
+  // This specifies the initial keyword value for the keyword_only
+  // property.
+  initial_keyword: {
+  },
+
+},
+
+
+data: [
+  // Properties with StyleBuilder handling
+
+  // Animation Priority properties
+  {
+    name: "animation-delay",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "animation-direction",
+    custom_all: true,
+    keywords: ["normal", "reverse", "alternate", "alternate-reverse"],
+    priority: "Animation",
+    repeated: true,
+  },
+  {
+    name: "animation-duration",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "animation-fill-mode",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "animation-iteration-count",
+    custom_all: true,
+    keywords: ["infinite"],
+    priority: "Animation",
+    repeated: true,
+  },
+  {
+    name: "animation-name",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "animation-play-state",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "animation-timing-function",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "transition-delay",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "transition-duration",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "transition-property",
+    custom_all: true,
+    priority: "Animation",
+  },
+  {
+    name: "transition-timing-function",
+    custom_all: true,
+    priority: "Animation",
+  },
+
+  // High Priority and all other font properties.
+  // Other properties can depend upon high priority properties (e.g. font-size / ems)
+  {
+    name: "color",
+    custom_all: true,
+    inherited: true,
+    interpolable: true,
+    priority: "High",
+  },
+  {
+    name: "direction",
+    custom_value: true,
+    field_storage_type: "platform/text/TextDirection",
+    inherited: true,
+    initial_keyword: "ltr",
+    keyword_only: true,
+    keywords: ["ltr", "rtl"],
+    priority: "High",
+  },
+  {
+    name: "font-family",
+    converter: "convertFontFamily",
+    font: true,
+    inherited: true,
+    name_for_methods: "FamilyDescription",
+    priority: "High",
+    type_name: "FontDescription::FamilyDescription",
+  },
+  {
+    name: "font-kerning",
+    font: true,
+    inherited: true,
+    name_for_methods: "Kerning",
+    priority: "High",
+    type_name: "FontDescription::Kerning",
+  },
+  {
+    name: "font-size",
+    converter: "convertFontSize",
+    font: true,
+    getter: "getSize",
+    inherited: true,
+    interpolable: true,
+    name_for_methods: "Size",
+    priority: "High",
+  },
+  {
+    name: "font-size-adjust",
+    api_class: true,
+    converter: "convertFontSizeAdjust",
+    font: true,
+    inherited: true,
+    interpolable: true,
+    name_for_methods: "SizeAdjust",
+    priority: "High",
+    runtime_flag: "CSSFontSizeAdjust",
+  },
+  {
+    name: "font-stretch",
+    font: true,
+    inherited: true,
+    name_for_methods: "Stretch",
+    priority: "High",
+    type_name: "FontStretch",
+  },
+  {
+    name: "font-style",
+    font: true,
+    inherited: true,
+    name_for_methods: "Style",
+    priority: "High",
+    type_name: "FontStyle",
+  },
+  {
+    name: "font-variant-ligatures",
+    converter: "convertFontVariantLigatures",
+    font: true,
+    inherited: true,
+    name_for_methods: "VariantLigatures",
+    priority: "High",
+    type_name: "VariantLigatures",
+  },
+  {
+    name: "font-variant-caps",
+    converter: "convertFontVariantCaps",
+    font: true,
+    inherited: true,
+    name_for_methods: "VariantCaps",
+    priority: "High",
+  },
+  {
+    name: "font-variant-numeric",
+    converter: "convertFontVariantNumeric",
+    font: true,
+    inherited: true,
+    name_for_methods: "VariantNumeric",
+    priority: "High",
+  },
+  {
+    name: "font-weight",
+    converter: "convertFontWeight",
+    font: true,
+    inherited: true,
+    interpolable: true,
+    name_for_methods: "Weight",
+    priority: "High",
+    type_name: "FontWeight",
+  },
+  {
+    name: "font-feature-settings",
+    converter: "convertFontFeatureSettings",
+    font: true,
+    inherited: true,
+    name_for_methods: "FeatureSettings",
+    priority: "High",
+  },
+  {
+    name: "font-variation-settings",
+    api_class: true,
+    converter: "convertFontVariationSettings",
+    font: true,
+    inherited: true,
+    name_for_methods: "VariationSettings",
+    priority: "High",
+    runtime_flag: "CSSVariableFonts",
+  },
+  {
+    name: "-webkit-font-smoothing",
+    font: true,
+    inherited: true,
+    priority: "High",
+    type_name: "FontSmoothingMode",
+  },
+  {
+    name: "-webkit-locale",
+    custom_value: true,
+    font: true,
+    inherited: true,
+    priority: "High",
+  },
+  {
+    name: "text-orientation",
+    custom_value: true,
+    inherited: true,
+    priority: "High",
+    type_name: "TextOrientation",
+  },
+  {
+    name: "-webkit-text-orientation",
+    custom_value: true,
+    inherited: true,
+    priority: "High",
+    type_name: "TextOrientation",
+  },
+  {
+    name: "writing-mode",
+    custom_value: true,
+    field_storage_type: "platform/text/WritingMode",
+    inherited: true,
+    initial_keyword: "horizontal-tb",
+    keyword_only: true,
+    keywords: ["horizontal-tb", "vertical-rl", "vertical-lr"],
+    priority: "High",
+    type_name: "WritingMode",
+  },
+  {
+    name: "-webkit-writing-mode",
+    custom_value: true,
+    inherited: true,
+    priority: "High",
+    type_name: "WritingMode",
+  },
+  {
+    name: "text-rendering",
+    font: true,
+    inherited: true,
+    priority: "High",
+    type_name: "TextRenderingMode",
+  },
+  {
+    name: "zoom",
+    api_class: true,
+    custom_all: true,
+    priority: "High",
+  },
+
+  {
+    name: "align-content",
+    converter: "convertContentAlignmentData",
+    initial: "initialContentAlignment",
+  },
+  {
+    name: "align-items",
+    converter: "convertSelfOrDefaultAlignmentData",
+    initial: "initialDefaultAlignment",
+  },
+  {
+    name: "alignment-baseline",
+    svg: true,
+  },
+  {
+    name: "align-self",
+    converter: "convertSelfOrDefaultAlignmentData",
+    initial: "initialSelfAlignment",
+  },
+  {
+    name: "backdrop-filter",
+    converter: "convertFilterOperations",
+    interpolable: true,
+    runtime_flag: "CSSBackdropFilter",
+  },
+  "backface-visibility",
+  {
+    name: "background-attachment",
+    custom_all: true,
+  },
+  {
+    name: "background-blend-mode",
+    custom_all: true,
+  },
+  {
+    name: "background-clip",
+    custom_all: true,
+  },
+  {
+    name: "background-color",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "background-image",
+    custom_all: true,
+    interpolable: true,
+    keywords: ["auto"],
+    typedom_types: ["Image"],
+  },
+  {
+    name: "background-origin",
+    custom_all: true,
+  },
+  {
+    name: "background-position-x",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "background-position-y",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "background-repeat-x",
+    custom_all: true,
+  },
+  {
+    name: "background-repeat-y",
+    custom_all: true,
+  },
+  {
+    name: "background-size",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "baseline-shift",
+    custom_inherit: true,
+    custom_value: true,
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "border-bottom-color",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "border-bottom-left-radius",
+    converter: "convertRadius",
+    initial: "initialBorderRadius",
+    interpolable: true,
+  },
+  {
+    name: "border-bottom-right-radius",
+    converter: "convertRadius",
+    initial: "initialBorderRadius",
+    interpolable: true,
+  },
+  {
+    name: "border-bottom-style",
+    initial: "initialBorderStyle",
+    type_name: "EBorderStyle",
+  },
+  {
+    name: "border-bottom-width",
+    converter: "convertLineWidth<unsigned>",
+    initial: "initialBorderWidth",
+    interpolable: true,
+  },
+  {
+    name: "border-collapse",
+    independent: true,
+    inherited: true,
+    initial_keyword: "separate",
+    keyword_only: true,
+    keywords: ["separate", "collapse"],
+  },
+  {
+    name: "border-image-outset",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "border-image-repeat",
+    custom_all: true,
+  },
+  {
+    name: "border-image-slice",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "border-image-source",
+    custom_value: true,
+    interpolable: true,
+    keywords: ["none"],
+    typedom_types: ["Image"],
+  },
+  {
+    name: "border-image-width",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "border-left-color",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "border-left-style",
+    initial: "initialBorderStyle",
+    type_name: "EBorderStyle",
+  },
+  {
+    name: "border-left-width",
+    converter: "convertLineWidth<unsigned>",
+    initial: "initialBorderWidth",
+    interpolable: true,
+  },
+  {
+    name: "border-right-color",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "border-right-style",
+    initial: "initialBorderStyle",
+    type_name: "EBorderStyle",
+  },
+  {
+    name: "border-right-width",
+    converter: "convertLineWidth<unsigned>",
+    initial: "initialBorderWidth",
+    interpolable: true,
+  },
+  {
+    name: "border-top-color",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "border-top-left-radius",
+    converter: "convertRadius",
+    initial: "initialBorderRadius",
+    interpolable: true,
+  },
+  {
+    name: "border-top-right-radius",
+    converter: "convertRadius",
+    initial: "initialBorderRadius",
+    interpolable: true,
+  },
+  {
+    name: "border-top-style",
+    initial: "initialBorderStyle",
+    type_name: "EBorderStyle",
+  },
+  {
+    name: "border-top-width",
+    converter: "convertLineWidth<unsigned>",
+    initial: "initialBorderWidth",
+    interpolable: true,
+    keywords: ["thin", "medium", "thick"],
+    supports_percentage: true,
+    typedom_types: ["Length"],
+  },
+  {
+    name: "bottom",
+    converter: "convertLengthOrAuto",
+    initial: "initialOffset",
+    interpolable: true,
+    keywords: ["auto"],
+    supports_percentage: true,
+    typedom_types: ["Length"],
+  },
+  {
+    name: "box-shadow",
+    converter: "convertShadowList",
+    interpolable: true,
+  },
+  "box-sizing",
+  {
+    name: "break-after",
+    type_name: "EBreak",
+  },
+  {
+    name: "break-before",
+    type_name: "EBreak",
+  },
+  {
+    name: "break-inside",
+    type_name: "EBreak",
+  },
+  {
+    name: "buffered-rendering",
+    svg: true,
+  },
+  {
+    name: "caption-side",
+    independent: true,
+    inherited: true,
+    initial_keyword: "top",
+    keyword_only: true,
+    keywords: ["top", "bottom", "left", "right"],
+  },
+  {
+    name: "caret-color",
+    api_class: true,
+    custom_all: true,
+    inherited: true,
+    interpolable: true,
+  },
+  "clear",
+  {
+    name: "clip",
+    api_class: true,
+    converter: "convertClip",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "clip-path",
+    converter: "convertClipPath",
+    interpolable: true,
+  },
+  {
+    name: "clip-rule",
+    inherited: true,
+    svg: true,
+    type_name: "WindRule",
+  },
+  {
+    name: "color-interpolation",
+    inherited: true,
+    svg: true,
+  },
+  {
+    name: "color-interpolation-filters",
+    inherited: true,
+    svg: true,
+    type_name: "EColorInterpolation",
+  },
+  {
+    name: "color-rendering",
+    inherited: true,
+    svg: true,
+  },
+  {
+    name: "column-fill",
+    type_name: "ColumnFill",
+  },
+  {
+    name: "contain",
+    converter: "convertFlags<Containment>",
+    runtime_flag: "CSSContainment",
+  },
+  {
+    name: "content",
+    custom_all: true,
+    repeated: true,
+    typedom_types: ["Image"],
+  },
+  {
+    name: "counter-increment",
+    custom_all: true,
+  },
+  {
+    name: "counter-reset",
+    custom_all: true,
+  },
+  {
+    name: "cursor",
+    custom_all: true,
+    inherited: true,
+  },
+  {
+    name: "cx",
+    converter: "convertLength",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "cy",
+    converter: "convertLength",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "d",
+    converter: "convertPathOrNone",
+    interpolable: true,
+    svg: true,
+  },
+  "display",
+  {
+    name: "dominant-baseline",
+    inherited: true,
+    svg: true,
+  },
+  {
+    name: "empty-cells",
+    independent: true,
+    inherited: true,
+    initial_keyword: "show",
+    keyword_only: true,
+    keywords: ["show", "hide"],
+    type_name: "EEmptyCells",
+  },
+  {
+    name: "fill",
+    custom_all: true,
+    inherited: true,
+    interpolable: true,
+    setter: "setFillPaint",
+    svg: true,
+  },
+  {
+    name: "fill-opacity",
+    converter: "convertNumberOrPercentage",
+    inherited: true,
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "fill-rule",
+    inherited: true,
+    svg: true,
+    type_name: "WindRule",
+  },
+  {
+    name: "filter",
+    converter: "convertFilterOperations",
+    interpolable: true,
+  },
+  {
+    name: "flex-basis",
+    api_class: true,
+    converter: "convertLengthOrAuto",
+    interpolable: true,
+  },
+  "flex-direction",
+  {
+    name: "flex-grow",
+    interpolable: true,
+    type_name: "float",
+  },
+  {
+    name: "flex-shrink",
+    interpolable: true,
+    type_name: "float",
+  },
+  "flex-wrap",
+  {
+    name: "float",
+    initial_keyword: "none",
+    keyword_only: true,
+    keywords: ["none", "left", "right"],
+    name_for_methods: "Floating",
+    type_name: "EFloat",
+  },
+  {
+    name: "flood-color",
+    converter: "convertColor",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "flood-opacity",
+    converter: "convertNumberOrPercentage",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "grid-auto-columns",
+    converter: "convertGridTrackSizeList",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-auto-flow",
+    converter: "convertGridAutoFlow",
+    runtime_flag: "CSSGridLayout",
+    type_name: "GridAutoFlow",
+  },
+  {
+    name: "grid-auto-rows",
+    converter: "convertGridTrackSizeList",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-column-end",
+    converter: "convertGridPosition",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-column-gap",
+    converter: "convertLength",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-column-start",
+    converter: "convertGridPosition",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-row-end",
+    converter: "convertGridPosition",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-row-gap",
+    converter: "convertLength",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-row-start",
+    converter: "convertGridPosition",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-template-areas",
+    custom_all: true,
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-template-columns",
+    custom_all: true,
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-template-rows",
+    custom_all: true,
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "height",
+    converter: "convertLengthSizing",
+    initial: "initialSize",
+    interpolable: true,
+    keywords: ["auto"],
+    supports_percentage: true,
+    typedom_types: ["Length"],
+  },
+  {
+    name: "hyphens",
+    inherited: true,
+    runtime_flag: "CSSHyphens",
+    type_name: "Hyphens",
+  },
+  {
+    name: "image-rendering",
+    inherited: true,
+  },
+  {
+    name: "image-orientation",
+    converter: "convertImageOrientation",
+    inherited: true,
+    name_for_methods: "RespectImageOrientation",
+    runtime_flag: "ImageOrientation",
+  },
+  "isolation",
+  {
+    name: "justify-content",
+    converter: "convertContentAlignmentData",
+    initial: "initialContentAlignment",
+  },
+  {
+    name: "justify-items",
+    converter: "convertSelfOrDefaultAlignmentData",
+    initial: "initialSelfAlignment",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "justify-self",
+    converter: "convertSelfOrDefaultAlignmentData",
+    initial: "initialSelfAlignment",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "left",
+    converter: "convertLengthOrAuto",
+    initial: "initialOffset",
+    interpolable: true,
+    keywords: ["auto"],
+    supports_percentage: true,
+    typedom_types: ["Length"],
+  },
+  {
+    name: "letter-spacing",
+    converter: "convertSpacing",
+    inherited: true,
+    initial: "initialLetterWordSpacing",
+    interpolable: true,
+  },
+  {
+    name: "lighting-color",
+    converter: "convertColor",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "line-height",
+    converter: "convertLineHeight",
+    getter: "specifiedLineHeight",
+    inherited: true,
+    interpolable: true,
+  },
+  {
+    name: "list-style-image",
+    custom_value: true,
+    inherited: true,
+    interpolable: true,
+    typedom_types: ["Image"],
+  },
+  {
+    name: "list-style-position",
+    independent: true,
+    inherited: true,
+    initial_keyword: "outside",
+    keyword_only: true,
+    keywords: ["outside", "inside"],
+  },
+  {
+    name: "list-style-type",
+    inherited: true,
+    initial_keyword: "disc",
+    keyword_only: true,
+    keywords: [
+      "disc", "circle", "square", "decimal", "decimal-leading-zero", "arabic-indic", "bengali", "cambodian", "khmer", "devanagari", "gujarati", "gurmukhi", "kannada", "lao", "malayalam", "mongolian", "myanmar", "oriya", "persian", "urdu", "telugu", "tibetan", "thai", "lower-roman", "upper-roman", "lower-greek", "lower-alpha", "lower-latin", "upper-alpha", "upper-latin", "cjk-earthly-branch", "cjk-heavenly-stem", "ethiopic-halehame", "ethiopic-halehame-am", "ethiopic-halehame-ti-er", "ethiopic-halehame-ti-et", "hangul", "hangul-consonant", "korean-hangul-formal", "korean-hanja-formal", "korean-hanja-informal", "hebrew", "armenian", "lower-armenian", "upper-armenian", "georgian", "cjk-ideographic", "simp-chinese-formal", "simp-chinese-informal", "trad-chinese-formal", "trad-chinese-informal", "hiragana", "katakana", "hiragana-iroha", "katakana-iroha", "none"
+    ],
+  },
+  {
+    name: "margin-bottom",
+    converter: "convertQuirkyLength",
+    initial: "initialMargin",
+    interpolable: true,
+  },
+  {
+    name: "margin-left",
+    converter: "convertQuirkyLength",
+    initial: "initialMargin",
+    interpolable: true,
+  },
+  {
+    name: "margin-right",
+    converter: "convertQuirkyLength",
+    initial: "initialMargin",
+    interpolable: true,
+  },
+  {
+    name: "margin-top",
+    converter: "convertQuirkyLength",
+    initial: "initialMargin",
+    interpolable: true,
+  },
+  {
+    name: "marker-end",
+    converter: "convertFragmentIdentifier",
+    inherited: true,
+    name_for_methods: "MarkerEndResource",
+    svg: true,
+  },
+  {
+    name: "marker-mid",
+    converter: "convertFragmentIdentifier",
+    inherited: true,
+    name_for_methods: "MarkerMidResource",
+    svg: true,
+  },
+  {
+    name: "marker-start",
+    converter: "convertFragmentIdentifier",
+    inherited: true,
+    name_for_methods: "MarkerStartResource",
+    svg: true,
+  },
+  {
+    name: "mask",
+    converter: "convertFragmentIdentifier",
+    name_for_methods: "MaskerResource",
+    svg: true,
+  },
+  {
+    name: "mask-source-type",
+    custom_all: true,
+    runtime_flag: "CSSMaskSourceType",
+  },
+  {
+    name: "mask-type",
+    svg: true,
+  },
+  {
+    name: "max-height",
+    converter: "convertLengthMaxSizing",
+    initial: "initialMaxSize",
+    interpolable: true,
+  },
+  {
+    name: "max-width",
+    converter: "convertLengthMaxSizing",
+    initial: "initialMaxSize",
+    interpolable: true,
+  },
+  {
+    name: "min-height",
+    converter: "convertLengthSizing",
+    initial: "initialMinSize",
+    interpolable: true,
+  },
+  {
+    name: "min-width",
+    converter: "convertLengthSizing",
+    initial: "initialMinSize",
+    interpolable: true,
+  },
+  {
+    name: "mix-blend-mode",
+    name_for_methods: "BlendMode",
+    type_name: "blink::WebBlendMode",
+  },
+  {
+    name: "motion-offset",
+    alias_for: "offset-distance",
+  },
+  {
+    name: "motion-path",
+    alias_for: "offset-path",
+  },
+  {
+    name: "motion-rotation",
+    alias_for: "offset-rotation",
+  },
+  {
+    name: "object-fit",
+    type_name: "ObjectFit",
+  },
+  {
+    name: "object-position",
+    converter: "convertPosition",
+    interpolable: true,
+  },
+  {
+    name: "offset-anchor",
+    converter: "convertPositionOrAuto",
+    interpolable: true,
+    runtime_flag: "CSSOffsetPositionAnchor",
+  },
+  {
+    name: "offset-distance",
+    converter: "convertLength",
+    interpolable: true,
+  },
+  {
+    name: "offset-path",
+    converter: "convertPathOrNone",
+  },
+  {
+    name: "offset-position",
+    api_class: true,
+    converter: "convertPositionOrAuto",
+    interpolable: true,
+    runtime_flag: "CSSOffsetPositionAnchor",
+  },
+  {
+    name: "offset-rotate",
+    converter: "convertOffsetRotate",
+    interpolable: true,
+    runtime_flag: "CSSOffsetRotate",
+  },
+  {
+    name: "offset-rotation",
+    converter: "convertOffsetRotate",
+    interpolable: true,
+    runtime_flag: "CSSOffsetRotation",
+  },
+  {
+    name: "opacity",
+    interpolable: true,
+    type_name: "float",
+  },
+  {
+    name: "order",
+    type_name: "int",
+  },
+  {
+    name: "orphans",
+    inherited: true,
+    interpolable: true,
+    type_name: "short",
+  },
+  {
+    name: "outline-color",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "outline-offset",
+    api_class: true,
+    converter: "convertComputedLength<int>",
+    interpolable: true,
+  },
+  {
+    name: "outline-style",
+    custom_all: true,
+  },
+  {
+    name: "outline-width",
+    converter: "convertLineWidth<unsigned short>",
+    interpolable: true,
+  },
+  {
+    name: "overflow-anchor",
+    runtime_flag: "ScrollAnchoring",
+    type_name: "EOverflowAnchor",
+  },
+  {
+    name: "overflow-wrap",
+    inherited: true,
+  },
+  {
+    name: "overflow-x",
+    type_name: "EOverflow",
+  },
+  {
+    name: "overflow-y",
+    type_name: "EOverflow",
+  },
+  {
+    name: "padding-bottom",
+    converter: "convertLength",
+    initial: "initialPadding",
+    interpolable: true,
+  },
+  {
+    name: "padding-left",
+    converter: "convertLength",
+    initial: "initialPadding",
+    interpolable: true,
+  },
+  {
+    name: "padding-right",
+    converter: "convertLength",
+    initial: "initialPadding",
+    interpolable: true,
+  },
+  {
+    name: "padding-top",
+    converter: "convertLength",
+    initial: "initialPadding",
+    interpolable: true,
+  },
+  {
+    name: "paint-order",
+    api_class: true,
+    converter: "convertPaintOrder",
+    inherited: true,
+    svg: true,
+  },
+  {
+    name: "perspective",
+    converter: "convertPerspective",
+    interpolable: true,
+  },
+  {
+    name: "perspective-origin",
+    converter: "convertPosition",
+    interpolable: true,
+  },
+  {
+    name: "pointer-events",
+    independent: true,
+    inherited: true,
+    initial_keyword: "auto",
+    keyword_only: true,
+    keywords: [
+      "none", "auto", "stroke", "fill", "painted", "visible", "visibleStroke", "visibleFill", "visiblePainted", "bounding-box", "all"
+    ],
+  },
+  {
+    name: "position",
+    custom_inherit: true,
+  },
+  {
+    name: "quotes",
+    converter: "convertQuotes",
+    inherited: true,
+  },
+  {
+    name: "resize",
+    custom_value: true,
+  },
+  {
+    name: "right",
+    converter: "convertLengthOrAuto",
+    initial: "initialOffset",
+    interpolable: true,
+    keywords: ["auto"],
+    supports_percentage: true,
+    typedom_types: ["Length"],
+  },
+  {
+    name: "r",
+    converter: "convertLength",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "rx",
+    converter: "convertLengthOrAuto",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "ry",
+    converter: "convertLengthOrAuto",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "scroll-behavior",
+    runtime_flag: "CSSOMSmoothScroll",
+    type_name: "ScrollBehavior",
+  },
+  {
+    name: "scroll-snap-type",
+    runtime_flag: "CSSScrollSnapPoints",
+    type_name: "ScrollSnapType",
+  },
+  {
+    name: "scroll-snap-points-x",
+    converter: "convertSnapPoints",
+    runtime_flag: "CSSScrollSnapPoints",
+  },
+  {
+    name: "scroll-snap-points-y",
+    converter: "convertSnapPoints",
+    runtime_flag: "CSSScrollSnapPoints",
+  },
+  {
+    name: "scroll-snap-destination",
+    converter: "convertPosition",
+    runtime_flag: "CSSScrollSnapPoints",
+  },
+  {
+    name: "scroll-snap-coordinate",
+    api_class: true,
+    converter: "convertSnapCoordinates",
+    runtime_flag: "CSSScrollSnapPoints",
+  },
+  {
+    name: "shape-image-threshold",
+    interpolable: true,
+    type_name: "float",
+  },
+  {
+    name: "shape-margin",
+    converter: "convertLength",
+    interpolable: true,
+  },
+  {
+    name: "shape-outside",
+    converter: "convertShapeValue",
+    interpolable: true,
+    typedom_types: ["Image"],
+  },
+  {
+    name: "shape-rendering",
+    inherited: true,
+    svg: true,
+  },
+  {
+    name: "size",
+    api_class: true,
+    custom_all: true,
+  },
+  {
+    name: "snap-height",
+    custom_all: true,
+    inherited: true,
+    runtime_flag: "CSSSnapSize",
+  },
+  {
+    name: "speak",
+    inherited: true,
+  },
+  {
+    name: "stop-color",
+    converter: "convertColor",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "stop-opacity",
+    converter: "convertNumberOrPercentage",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "stroke",
+    custom_all: true,
+    inherited: true,
+    interpolable: true,
+    setter: "setStrokePaint",
+    svg: true,
+  },
+  {
+    name: "stroke-dasharray",
+    converter: "convertStrokeDasharray",
+    inherited: true,
+    interpolable: true,
+    name_for_methods: "StrokeDashArray",
+    svg: true,
+  },
+  {
+    name: "stroke-dashoffset",
+    converter: "convertLength",
+    inherited: true,
+    interpolable: true,
+    name_for_methods: "StrokeDashOffset",
+    svg: true,
+  },
+  {
+    name: "stroke-linecap",
+    inherited: true,
+    name_for_methods: "CapStyle",
+    svg: true,
+    type_name: "LineCap",
+  },
+  {
+    name: "stroke-linejoin",
+    inherited: true,
+    name_for_methods: "JoinStyle",
+    svg: true,
+    type_name: "LineJoin",
+  },
+  {
+    name: "stroke-miterlimit",
+    inherited: true,
+    interpolable: true,
+    name_for_methods: "StrokeMiterLimit",
+    svg: true,
+    type_name: "float",
+  },
+  {
+    name: "stroke-opacity",
+    converter: "convertNumberOrPercentage",
+    inherited: true,
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "stroke-width",
+    converter: "convertUnzoomedLength",
+    inherited: true,
+    interpolable: true,
+    svg: true,
+  },
+  "table-layout",
+  {
+    name: "tab-size",
+    converter: "convertLengthOrTabSpaces",
+    inherited: true,
+    type_name: "TabSize",
+  },
+  {
+    name: "text-align",
+    custom_value: true,
+    inherited: true,
+    initial_keyword: "start",
+    keyword_only: true,
+    keywords: [
+      "left", "right", "center", "justify", "-webkit-left", "-webkit-right", "-webkit-center", "start", "end"
+    ],
+  },
+  {
+    name: "text-align-last",
+    inherited: true,
+    type_name: "TextAlignLast",
+  },
+  {
+    name: "text-anchor",
+    inherited: true,
+    svg: true,
+  },
+  {
+    name: "text-combine-upright",
+    inherited: true,
+    name_for_methods: "TextCombine",
+    type_name: "TextCombine",
+  },
+  // FIXME: We shouldn't switch between shorthand/not shorthand based on a runtime flag
+  {
+    name: "text-decoration",
+    longhands: "text-decoration-line;text-decoration-style;text-decoration-color",
+    use_handlers_for: "CSSPropertyTextDecorationLine",
+  },
+  {
+    name: "text-decoration-color",
+    api_class: true,
+    custom_all: true,
+    interpolable: true,
+    runtime_flag: "CSS3TextDecorations",
+  },
+  {
+    name: "text-decoration-line",
+    converter: "convertFlags<TextDecoration>",
+    name_for_methods: "TextDecoration",
+    runtime_flag: "CSS3TextDecorations",
+    type_name: "TextDecoration",
+  },
+  {
+    name: "text-decoration-skip",
+    api_class: true,
+    converter: "convertFlags<TextDecorationSkip>",
+    inherited: true,
+    runtime_flag: "CSS3TextDecorations",
+    type_name: "TextDecorationSkip",
+  },
+  {
+    name: "text-decoration-style",
+    runtime_flag: "CSS3TextDecorations",
+    type_name: "TextDecorationStyle",
+  },
+  {
+    name: "text-indent",
+    custom_all: true,
+    inherited: true,
+    interpolable: true,
+  },
+  {
+    name: "text-justify",
+    inherited: true,
+    runtime_flag: "CSS3Text",
+    type_name: "TextJustify",
+  },
+  {
+    name: "text-overflow",
+    type_name: "TextOverflow",
+  },
+  {
+    name: "text-shadow",
+    converter: "convertShadowList",
+    inherited: true,
+    interpolable: true,
+  },
+  {
+    name: "text-size-adjust",
+    converter: "convertTextSizeAdjust",
+    inherited: true,
+    type_name: "TextSizeAdjust",
+  },
+  {
+    name: "text-transform",
+    independent: true,
+    inherited: true,
+    initial_keyword: "none",
+    keyword_only: true,
+    keywords: ["capitalize", "uppercase", "lowercase", "none"],
+  },
+  {
+    name: "text-underline-position",
+    api_class: true,
+    inherited: true,
+    runtime_flag: "CSS3TextDecorations",
+    type_name: "TextUnderlinePosition",
+  },
+  {
+    name: "top",
+    converter: "convertLengthOrAuto",
+    initial: "initialOffset",
+    interpolable: true,
+    keywords: ["auto"],
+    supports_percentage: true,
+    typedom_types: ["Length"],
+  },
+  {
+    name: "touch-action",
+    converter: "convertFlags<TouchAction>",
+    type_name: "TouchAction",
+  },
+  {
+    name: "transform",
+    converter: "convertTransformOperations",
+    interpolable: true,
+    keywords: ["none"],
+    typedom_types: ["Transform"],
+  },
+  {
+    name: "transform-origin",
+    api_class: true,
+    converter: "convertTransformOrigin",
+    interpolable: true,
+  },
+  {
+    name: "transform-style",
+    name_for_methods: "TransformStyle3D",
+  },
+  {
+    name: "translate",
+    api_class: true,
+    converter: "convertTranslate",
+    interpolable: true,
+    runtime_flag: "CSSIndependentTransformProperties",
+  },
+  {
+    name: "rotate",
+    api_class: true,
+    converter: "convertRotate",
+    interpolable: true,
+    runtime_flag: "CSSIndependentTransformProperties",
+  },
+  {
+    name: "scale",
+    converter: "convertScale",
+    interpolable: true,
+    runtime_flag: "CSSIndependentTransformProperties",
+  },
+  {
+    name: "unicode-bidi",
+    field_storage_type: "platform/text/UnicodeBidi",
+    initial_keyword: "normal",
+    keyword_only: true,
+    keywords: [
+      "normal", "embed", "bidi-override", "isolate", "plaintext", "isolate-override"
+    ],
+    type_name: "UnicodeBidi",
+  },
+  {
+    name: "vector-effect",
+    svg: true,
+  },
+  {
+    name: "vertical-align",
+    custom_inherit: true,
+    custom_value: true,
+    interpolable: true,
+  },
+  {
+    name: "visibility",
+    independent: true,
+    inherited: true,
+    initial_keyword: "visible",
+    interpolable: true,
+    keyword_only: true,
+    keywords: ["visible", "hidden", "collapse"],
+  },
+  {
+    name: "x",
+    converter: "convertLength",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "y",
+    converter: "convertLength",
+    interpolable: true,
+    svg: true,
+  },
+  {
+    name: "-webkit-appearance",
+    type_name: "ControlPart",
+  },
+  {
+    name: "-webkit-app-region",
+    custom_all: true,
+  },
+  {
+    name: "-webkit-background-clip",
+    use_handlers_for: "CSSPropertyBackgroundClip",
+  },
+  {
+    name: "-webkit-background-origin",
+    use_handlers_for: "CSSPropertyBackgroundOrigin",
+  },
+  {
+    name: "-webkit-border-horizontal-spacing",
+    converter: "convertComputedLength<short>",
+    inherited: true,
+    interpolable: true,
+    name_for_methods: "HorizontalBorderSpacing",
+  },
+  {
+    name: "-webkit-border-image",
+    custom_value: true,
+    initial: "initialNinePieceImage",
+  },
+  {
+    name: "-webkit-border-vertical-spacing",
+    converter: "convertComputedLength<short>",
+    inherited: true,
+    interpolable: true,
+    name_for_methods: "VerticalBorderSpacing",
+  },
+  {
+    name: "-webkit-box-align",
+    type_name: "EBoxAlignment",
+  },
+  "-webkit-box-decoration-break",
+  {
+    name: "-webkit-box-direction",
+    independent: true,
+    inherited: true,
+    initial_keyword: "normal",
+    keyword_only: true,
+    keywords: ["normal", "reverse"],
+  },
+  {
+    name: "-webkit-box-flex",
+    type_name: "float",
+  },
+  {
+    name: "-webkit-box-flex-group",
+    type_name: "unsigned int",
+  },
+  "-webkit-box-lines",
+  {
+    name: "-webkit-box-ordinal-group",
+    type_name: "unsigned int",
+  },
+  "-webkit-box-orient",
+  "-webkit-box-pack",
+  {
+    name: "-webkit-box-reflect",
+    converter: "convertBoxReflect",
+  },
+  {
+    name: "column-count",
+    custom_all: true,
+    interpolable: true,
+    type_name: "unsigned short",
+  },
+  {
+    name: "column-gap",
+    api_class: true,
+    converter: "convertComputedLength<float>",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "column-rule-color",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "column-rule-style",
+    initial: "initialBorderStyle",
+    type_name: "EBorderStyle",
+  },
+  {
+    name: "column-rule-width",
+    converter: "convertLineWidth<unsigned short>",
+    interpolable: true,
+  },
+  {
+    name: "column-span",
+    type_name: "ColumnSpan",
+  },
+  {
+    name: "column-width",
+    converter: "convertComputedLength<float>",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-highlight",
+    converter: "convertString<CSSValueNone>",
+    inherited: true,
+  },
+  {
+    name: "-webkit-hyphenate-character",
+    converter: "convertString<CSSValueAuto>",
+    inherited: true,
+    name_for_methods: "HyphenationString",
+  },
+  {
+    name: "-webkit-line-break",
+    inherited: true,
+    type_name: "LineBreak",
+  },
+  {
+    name: "-webkit-line-clamp",
+    type_name: "LineClampValue",
+  },
+  {
+    name: "-webkit-margin-after-collapse",
+    type_name: "EMarginCollapse",
+  },
+  {
+    name: "-webkit-margin-before-collapse",
+    type_name: "EMarginCollapse",
+  },
+  {
+    name: "-webkit-margin-bottom-collapse",
+    name_for_methods: "MarginAfterCollapse",
+    type_name: "EMarginCollapse",
+  },
+  {
+    name: "-webkit-margin-top-collapse",
+    name_for_methods: "MarginBeforeCollapse",
+    type_name: "EMarginCollapse",
+  },
+  {
+    name: "-webkit-mask-box-image-outset",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-mask-box-image-repeat",
+    custom_all: true,
+  },
+  {
+    name: "-webkit-mask-box-image-slice",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-mask-box-image-source",
+    custom_value: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-mask-box-image-width",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-mask-clip",
+    custom_all: true,
+  },
+  {
+    name: "-webkit-mask-composite",
+    custom_all: true,
+  },
+  {
+    name: "-webkit-mask-image",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-mask-origin",
+    custom_all: true,
+  },
+  {
+    name: "-webkit-mask-position-x",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-mask-position-y",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-mask-repeat-x",
+    custom_all: true,
+  },
+  {
+    name: "-webkit-mask-repeat-y",
+    custom_all: true,
+  },
+  {
+    name: "-webkit-mask-size",
+    custom_all: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-perspective-origin-x",
+    converter: "convertLength",
+    interpolable: true,
+  },
+  {
+    name: "-webkit-perspective-origin-y",
+    converter: "convertLength",
+    interpolable: true,
+  },
+  {
+    name: "-webkit-print-color-adjust",
+    independent: true,
+    inherited: true,
+    initial_keyword: "economy",
+    keyword_only: true,
+    keywords: ["economy", "exact"],
+  },
+  {
+    name: "-webkit-rtl-ordering",
+    independent: true,
+    inherited: true,
+    initial: "initialRtlOrdering",
+    initial_keyword: "logical",
+    keyword_only: true,
+    keywords: ["logical", "visual"],
+    setter: "setRtlOrdering",
+    type_name: "EOrder",
+  },
+  {
+    name: "-webkit-ruby-position",
+    inherited: true,
+    type_name: "RubyPosition",
+  },
+  {
+    name: "-webkit-tap-highlight-color",
+    converter: "convertColor",
+    inherited: true,
+  },
+  {
+    name: "-webkit-text-combine",
+    inherited: true,
+    name_for_methods: "TextCombine",
+    type_name: "TextCombine",
+  },
+  {
+    name: "-webkit-text-emphasis-color",
+    custom_all: true,
+    inherited: true,
+  },
+  {
+    name: "-webkit-text-emphasis-position",
+    inherited: true,
+    type_name: "TextEmphasisPosition",
+  },
+  {
+    name: "-webkit-text-emphasis-style",
+    custom_all: true,
+    inherited: true,
+  },
+  {
+    name: "-webkit-text-fill-color",
+    custom_all: true,
+    inherited: true,
+  },
+  {
+    name: "-webkit-text-security",
+    inherited: true,
+  },
+  {
+    name: "-webkit-text-stroke-color",
+    custom_all: true,
+    inherited: true,
+    interpolable: true,
+  },
+  {
+    name: "-webkit-text-stroke-width",
+    converter: "convertTextStrokeWidth",
+    inherited: true,
+  },
+  {
+    name: "-webkit-transform-origin-x",
+    converter: "convertLength",
+    interpolable: true,
+  },
+  {
+    name: "-webkit-transform-origin-y",
+    converter: "convertLength",
+    interpolable: true,
+  },
+  {
+    name: "-webkit-transform-origin-z",
+    api_class: true,
+    converter: "convertComputedLength<float>",
+    interpolable: true,
+  },
+  "-webkit-user-drag",
+  {
+    name: "-webkit-user-modify",
+    inherited: true,
+  },
+  {
+    name: "user-select",
+    inherited: true,
+  },
+  {
+    name: "white-space",
+    independent: true,
+    inherited: true,
+    initial_keyword: "normal",
+    keyword_only: true,
+    keywords: ["normal", "pre", "pre-wrap", "pre-line", "nowrap", "-webkit-nowrap"],
+  },
+  {
+    name: "widows",
+    inherited: true,
+    interpolable: true,
+    type_name: "short",
+  },
+  {
+    name: "width",
+    converter: "convertLengthSizing",
+    initial: "initialSize",
+    interpolable: true,
+    keywords: ["auto"],
+    supports_percentage: true,
+    typedom_types: ["Length"],
+  },
+  {
+    name: "will-change",
+    api_class: true,
+    custom_all: true,
+  },
+  {
+    name: "word-break",
+    inherited: true,
+  },
+  {
+    name: "word-spacing",
+    converter: "convertSpacing",
+    inherited: true,
+    initial: "initialLetterWordSpacing",
+    interpolable: true,
+  },
+  // UAs must treat 'word-wrap' as an alternate name for the 'overflow-wrap' property. So using the same handlers.
+  {
+    name: "word-wrap",
+    inherited: true,
+    name_for_methods: "OverflowWrap",
+  },
+  {
+    name: "z-index",
+    api_class: true,
+    custom_all: true,
+    interpolable: true,
+    type_name: "int",
+  },
+
+  // CSS logical props
+  {
+    name: "inline-size",
+    direction_aware: true,
+  },
+  {
+    name: "block-size",
+    direction_aware: true,
+  },
+  {
+    name: "min-inline-size",
+    direction_aware: true,
+  },
+  {
+    name: "min-block-size",
+    direction_aware: true,
+  },
+  {
+    name: "max-inline-size",
+    direction_aware: true,
+  },
+  {
+    name: "max-block-size",
+    direction_aware: true,
+  },
+
+  // Non-standard direction aware properties
+
+  {
+    name: "-webkit-border-end-color",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-end-style",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-end-width",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-start-color",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-start-style",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-start-width",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-before-color",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-before-style",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-before-width",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-after-color",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-after-style",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-border-after-width",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-margin-end",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-margin-start",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-margin-before",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-margin-after",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-padding-end",
+    api_class: "CSSPropertyAPIWebkitPadding",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-padding-start",
+    api_class: "CSSPropertyAPIWebkitPadding",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-padding-before",
+    api_class: "CSSPropertyAPIWebkitPadding",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-padding-after",
+    api_class: "CSSPropertyAPIWebkitPadding",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-logical-width",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-logical-height",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-min-logical-width",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-min-logical-height",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-max-logical-width",
+    direction_aware: true,
+  },
+  {
+    name: "-webkit-max-logical-height",
+    direction_aware: true,
+  },
+
+  // Properties that we ignore in the StyleBuilder.
+  // TODO(timloh): This seems wrong, most of these shouldn't reach the StyleBuilder
+
+  {
+    name: "all",
+    builder_skip: true,
+  },
+  {
+    name: "page",
+    api_class: true,
+    builder_skip: true,
+  },
+  {
+    name: "-webkit-font-size-delta",
+    builder_skip: true,
+  },
+  {
+    name: "-webkit-text-decorations-in-effect",
+    builder_skip: true,
+    inherited: true,
+  },
+
+  // Descriptors
+
+  {
+    name: "font-display",
+    descriptor_only: true,
+    runtime_flag: "CSSFontDisplay",
+  },
+  {
+    name: "max-zoom",
+    descriptor_only: true,
+  },
+  {
+    name: "min-zoom",
+    descriptor_only: true,
+  },
+  {
+    name: "orientation",
+    descriptor_only: true,
+  },
+  {
+    name: "src",
+    descriptor_only: true,
+  },
+  {
+    name: "unicode-range",
+    descriptor_only: true,
+  },
+  {
+    name: "user-zoom",
+    descriptor_only: true,
+  },
+
+  // Shorthands
+
+  {
+    name: "animation",
+    longhands: "animation-name;animation-duration;animation-timing-function;animation-delay;animation-iteration-count;animation-direction;animation-fill-mode;animation-play-state",
+  },
+  {
+    name: "background",
+    longhands: "background-image;background-position-x;background-position-y;background-size;background-repeat-x;background-repeat-y;background-attachment;background-origin;background-clip;background-color",
+  },
+  {
+    name: "background-position",
+    longhands: "background-position-x;background-position-y",
+  },
+  {
+    name: "background-repeat",
+    longhands: "background-repeat-x;background-repeat-y",
+  },
+  {
+    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",
+  },
+  {
+    name: "border-bottom",
+    longhands: "border-bottom-width;border-bottom-style;border-bottom-color",
+  },
+  {
+    name: "border-color",
+    longhands: "border-top-color;border-right-color;border-bottom-color;border-left-color",
+  },
+  {
+    name: "border-image",
+    longhands: "border-image-source;border-image-slice;border-image-width;border-image-outset;border-image-repeat",
+  },
+  {
+    name: "border-left",
+    longhands: "border-left-width;border-left-style;border-left-color",
+  },
+  {
+    name: "border-radius",
+    longhands: "border-top-left-radius;border-top-right-radius;border-bottom-right-radius;border-bottom-left-radius",
+  },
+  {
+    name: "border-right",
+    longhands: "border-right-width;border-right-style;border-right-color",
+  },
+  {
+    name: "border-spacing",
+    longhands: "-webkit-border-horizontal-spacing;-webkit-border-vertical-spacing",
+  },
+  {
+    name: "border-style",
+    longhands: "border-top-style;border-right-style;border-bottom-style;border-left-style",
+  },
+  {
+    name: "border-top",
+    longhands: "border-top-width;border-top-style;border-top-color",
+  },
+  {
+    name: "border-width",
+    longhands: "border-top-width;border-right-width;border-bottom-width;border-left-width",
+  },
+  {
+    name: "flex",
+    longhands: "flex-grow;flex-shrink;flex-basis",
+  },
+  {
+    name: "flex-flow",
+    longhands: "flex-direction;flex-wrap",
+  },
+  {
+    name: "font",
+    longhands: "font-style;font-variant-ligatures;font-variant-caps;font-variant-numeric;font-weight;font-stretch;font-size;line-height;font-family",
+  },
+  {
+    name: "font-variant",
+    longhands: "font-variant-ligatures;font-variant-caps;font-variant-numeric",
+  },
+  {
+    name: "grid",
+    longhands: "grid-template-rows;grid-template-columns;grid-template-areas;grid-auto-flow;grid-auto-rows;grid-auto-columns;grid-column-gap;grid-row-gap",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-area",
+    longhands: "grid-row-start;grid-column-start;grid-row-end;grid-column-end",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-column",
+    longhands: "grid-column-start;grid-column-end",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-gap",
+    longhands: "grid-row-gap;grid-column-gap",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-row",
+    longhands: "grid-row-start;grid-row-end",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "grid-template",
+    longhands: "grid-template-rows;grid-template-columns;grid-template-areas",
+    runtime_flag: "CSSGridLayout",
+  },
+  {
+    name: "list-style",
+    longhands: "list-style-type;list-style-position;list-style-image",
+  },
+  {
+    name: "margin",
+    longhands: "margin-top;margin-right;margin-bottom;margin-left",
+  },
+  {
+    name: "marker",
+    longhands: "marker-start;marker-mid;marker-end",
+  },
+  {
+    name: "motion",
+    longhands: "offset-path;offset-distance;offset-rotation",
+  },
+  {
+    name: "offset",
+    longhands: "offset-path;offset-distance;offset-rotation",
+  },
+  {
+    name: "outline",
+    longhands: "outline-color;outline-style;outline-width",
+  },
+  {
+    name: "overflow",
+    longhands: "overflow-x;overflow-y",
+  },
+  {
+    name: "padding",
+    longhands: "padding-top;padding-right;padding-bottom;padding-left",
+  },
+  {
+    name: "page-break-after",
+    longhands: "break-after",
+  },
+  {
+    name: "page-break-before",
+    longhands: "break-before",
+  },
+  {
+    name: "page-break-inside",
+    longhands: "break-inside",
+  },
+  {
+    name: "transition",
+    longhands: "transition-property;transition-duration;transition-timing-function;transition-delay",
+  },
+  {
+    name: "-webkit-border-after",
+    longhands: "-webkit-border-after-width;-webkit-border-after-style;-webkit-border-after-color",
+  },
+  {
+    name: "-webkit-border-before",
+    longhands: "-webkit-border-before-width;-webkit-border-before-style;-webkit-border-before-color",
+  },
+  {
+    name: "-webkit-border-end",
+    longhands: "-webkit-border-end-width;-webkit-border-end-style;-webkit-border-end-color",
+  },
+  {
+    name: "-webkit-border-start",
+    longhands: "-webkit-border-start-width;-webkit-border-start-style;-webkit-border-start-color",
+  },
+  {
+    name: "-webkit-column-break-after",
+    longhands: "break-after",
+  },
+  {
+    name: "-webkit-column-break-before",
+    longhands: "break-before",
+  },
+  {
+    name: "-webkit-column-break-inside",
+    longhands: "break-inside",
+  },
+  {
+    name: "column-rule",
+    longhands: "column-rule-width;column-rule-style;column-rule-color",
+  },
+  {
+    name: "columns",
+    longhands: "column-width;column-count",
+  },
+  {
+    name: "-webkit-margin-collapse",
+    longhands: "-webkit-margin-before-collapse;-webkit-margin-after-collapse",
+  },
+  {
+    name: "-webkit-mask",
+    longhands: "-webkit-mask-image;-webkit-mask-position-x;-webkit-mask-position-y;-webkit-mask-size;-webkit-mask-repeat-x;-webkit-mask-repeat-y;-webkit-mask-origin;-webkit-mask-clip",
+  },
+  {
+    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",
+  },
+  {
+    name: "-webkit-mask-position",
+    longhands: "-webkit-mask-position-x;-webkit-mask-position-y",
+  },
+  {
+    name: "-webkit-mask-repeat",
+    longhands: "-webkit-mask-repeat-x;-webkit-mask-repeat-y",
+  },
+  {
+    name: "-webkit-text-emphasis",
+    longhands: "-webkit-text-emphasis-style;-webkit-text-emphasis-color",
+  },
+  {
+    name: "-webkit-text-stroke",
+    longhands: "-webkit-text-stroke-width;-webkit-text-stroke-color",
+  },
+
+  // 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: "-webkit-text-emphasis",
+  },
+  {
+    name: "-epub-text-emphasis-color",
+    alias_for: "-webkit-text-emphasis-color",
+  },
+  {
+    name: "-epub-text-emphasis-style",
+    alias_for: "-webkit-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",
+  },
+  // "-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-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-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",
+  },
+]
+}