Source code
Revision control
Copy as Markdown
Other Tools
[margin]
sub_properties = ["margin-top", "margin-right", "margin-bottom", "margin-left"]
rule_types_allowed = ["style", "keyframe", "page", "scope", "page", "position-try"]
kind = "four_sides"
allow_quirks = true
[margin-block]
sub_properties = ["margin-block-start", "margin-block-end"]
rule_types_allowed = ["style", "keyframe", "page", "scope", "position-try"]
kind = "two_properties"
[margin-inline]
sub_properties = ["margin-inline-start", "margin-inline-end"]
rule_types_allowed = ["style", "keyframe", "page", "scope", "position-try"]
kind = "two_properties"
[scroll-margin]
sub_properties = ["scroll-margin-top", "scroll-margin-right", "scroll-margin-bottom", "scroll-margin-left"]
kind = "four_sides"
[scroll-margin-block]
sub_properties = ["scroll-margin-block-start", "scroll-margin-block-end"]
kind = "two_properties"
[scroll-margin-inline]
sub_properties = ["scroll-margin-inline-start", "scroll-margin-inline-end"]
kind = "two_properties"
[padding]
sub_properties = ["padding-top", "padding-right", "padding-bottom", "padding-left"]
kind = "four_sides"
allow_quirks = true
[padding-block]
sub_properties = ["padding-block-start", "padding-block-end"]
rule_types_allowed = ["style", "keyframe", "page", "scope", "position-try"]
kind = "two_properties"
[padding-inline]
sub_properties = ["padding-inline-start", "padding-inline-end"]
rule_types_allowed = ["style", "keyframe", "page", "scope", "position-try"]
kind = "two_properties"
[scroll-padding]
sub_properties = ["scroll-padding-top", "scroll-padding-right", "scroll-padding-bottom", "scroll-padding-left"]
kind = "four_sides"
[scroll-padding-block]
sub_properties = ["scroll-padding-block-start", "scroll-padding-block-end"]
kind = "two_properties"
[scroll-padding-inline]
sub_properties = ["scroll-padding-inline-start", "scroll-padding-inline-end"]
kind = "two_properties"
[border-color]
sub_properties = ["border-top-color", "border-right-color", "border-bottom-color", "border-left-color"]
kind = "four_sides"
allow_quirks = true
[border-style]
sub_properties = ["border-top-style", "border-right-style", "border-bottom-style", "border-left-style"]
kind = "four_sides"
[border-width]
sub_properties = ["border-top-width", "border-right-width", "border-bottom-width", "border-left-width"]
kind = "four_sides"
allow_quirks = true
[border-block-color]
sub_properties = ["border-block-start-color", "border-block-end-color"]
kind = "two_properties"
[border-inline-color]
sub_properties = ["border-inline-start-color", "border-inline-end-color"]
kind = "two_properties"
[border-block-width]
sub_properties = ["border-block-start-width", "border-block-end-width"]
kind = "two_properties"
[border-inline-width]
sub_properties = ["border-inline-start-width", "border-inline-end-width"]
kind = "two_properties"
[border-block-style]
sub_properties = ["border-block-start-style", "border-block-end-style"]
kind = "two_properties"
[border-inline-style]
sub_properties = ["border-inline-start-style", "border-inline-end-style"]
kind = "two_properties"
[border-top]
sub_properties = ["border-top-width", "border-top-style", "border-top-color"]
kind = "single_border"
[border-right]
sub_properties = ["border-right-width", "border-right-style", "border-right-color"]
kind = "single_border"
[border-bottom]
sub_properties = ["border-bottom-width", "border-bottom-style", "border-bottom-color"]
kind = "single_border"
[border-left]
sub_properties = ["border-left-width", "border-left-style", "border-left-color"]
kind = "single_border"
[border-block-start]
sub_properties = ["border-block-start-width", "border-block-start-style", "border-block-start-color"]
kind = "single_border"
[border-block-end]
sub_properties = ["border-block-end-width", "border-block-end-style", "border-block-end-color"]
kind = "single_border"
[border-inline-start]
sub_properties = ["border-inline-start-width", "border-inline-start-style", "border-inline-start-color"]
kind = "single_border"
aliases = ["-moz-border-start"]
[border-inline-end]
sub_properties = ["border-inline-end-width", "border-inline-end-style", "border-inline-end-color"]
kind = "single_border"
aliases = ["-moz-border-end"]
[border-block]
sub_properties = ["border-block-start-width", "border-block-start-style", "border-block-start-color", "border-block-end-width", "border-block-end-style", "border-block-end-color"]
[border-inline]
sub_properties = ["border-inline-start-width", "border-inline-start-style", "border-inline-start-color", "border-inline-end-width", "border-inline-end-style", "border-inline-end-color"]
[border-image]
sub_properties = ["border-image-outset", "border-image-repeat", "border-image-slice", "border-image-source", "border-image-width"]
extra_prefixes = ["moz:layout.css.prefixes.border-image", "webkit"]
[border]
sub_properties = [
"border-top-width",
"border-top-style",
"border-top-color",
"border-right-width",
"border-right-style",
"border-right-color",
"border-bottom-width",
"border-bottom-style",
"border-bottom-color",
"border-left-width",
"border-left-style",
"border-left-color",
"border-image-outset",
"border-image-repeat",
"border-image-slice",
"border-image-source",
"border-image-width"
]
derive_value_info = false
[overflow]
sub_properties = ["overflow-x", "overflow-y"]
kind = "two_properties"
[overscroll-behavior]
engine = "gecko"
sub_properties = ["overscroll-behavior-x", "overscroll-behavior-y"]
kind = "two_properties"
[container]
engine = "gecko"
sub_properties = ["container-name", "container-type"]
[vertical-align]
sub_properties = ["alignment-baseline", "baseline-shift", "baseline-source"]
[page-break-before]
engine = "gecko"
flags = "IS_LEGACY_SHORTHAND"
sub_properties = ["break-before"]
[page-break-after]
engine = "gecko"
flags = "IS_LEGACY_SHORTHAND"
sub_properties = ["break-after"]
[page-break-inside]
engine = "gecko"
flags = "IS_LEGACY_SHORTHAND"
sub_properties = ["break-inside"]
[offset]
engine = "gecko"
sub_properties = ["offset-path", "offset-distance", "offset-rotate", "offset-anchor", "offset-position"]
[-webkit-perspective]
sub_properties = ["perspective"]
derive_serialize = true
flags = "IS_LEGACY_SHORTHAND"
[-webkit-transform]
sub_properties = ["transform"]
derive_serialize = true
flags = "IS_LEGACY_SHORTHAND"
[background]
sub_properties = [
"background-color",
"background-position-x",
"background-position-y",
"background-repeat",
"background-attachment",
"background-image",
"background-size",
"background-origin",
"background-clip"
]
[inset]
sub_properties = ["top", "right", "bottom", "left"]
rule_types_allowed = ["style", "keyframe", "scope", "position-try"]
kind = "four_sides"
[inset-block]
sub_properties = ["inset-block-start", "inset-block-end"]
rule_types_allowed = ["style", "keyframe", "scope", "position-try"]
kind = "two_properties"
[inset-inline]
sub_properties = ["inset-inline-start", "inset-inline-end"]
rule_types_allowed = ["style", "keyframe", "scope", "position-try"]
kind = "two_properties"
[contain-intrinsic-size]
engine = "gecko"
sub_properties = ["contain-intrinsic-width", "contain-intrinsic-height"]
kind = "two_properties"
[flex-flow]
sub_properties = ["flex-direction", "flex-wrap"]
extra_prefixes = ["webkit"]
[flex]
sub_properties = ["flex-grow", "flex-shrink", "flex-basis"]
extra_prefixes = ["webkit"]
derive_serialize = true
[gap]
sub_properties = ["row-gap", "column-gap"]
aliases = ["grid-gap"]
[grid-row]
sub_properties = ["grid-row-start", "grid-row-end"]
servo_pref = "layout.grid.enabled"
[grid-column]
sub_properties = ["grid-column-start", "grid-column-end"]
servo_pref = "layout.grid.enabled"
[grid-area]
sub_properties = ["grid-row-start", "grid-row-end", "grid-column-start", "grid-column-end"]
servo_pref = "layout.grid.enabled"
[grid-template]
sub_properties = ["grid-template-rows", "grid-template-columns", "grid-template-areas"]
servo_pref = "layout.grid.enabled"
[grid]
sub_properties = ["grid-template-rows", "grid-template-columns", "grid-template-areas", "grid-auto-rows", "grid-auto-columns", "grid-auto-flow"]
servo_pref = "layout.grid.enabled"
[place-content]
sub_properties = ["align-content", "justify-content"]
[place-self]
sub_properties = ["align-self", "justify-self"]
rule_types_allowed = ["style", "position-try"]
[place-items]
sub_properties = ["align-items", "justify-items"]
[position-try]
engine = "gecko"
sub_properties = ["position-try-order", "position-try-fallbacks"]
gecko_pref = "layout.css.anchor-positioning.enabled"
[marker]
engine = "gecko"
sub_properties = ["marker-start", "marker-end", "marker-mid"]
[transition]
sub_properties = ["transition-property", "transition-duration", "transition-timing-function", "transition-delay", "transition-behavior"]
extra_prefixes = ["moz:layout.css.prefixes.transitions", "webkit"]
[animation]
sub_properties = ["animation-name", "animation-duration", "animation-timing-function", "animation-delay", "animation-iteration-count", "animation-direction", "animation-fill-mode", "animation-play-state", "animation-timeline"]
extra_prefixes = ["moz:layout.css.prefixes.animations", "webkit"]
rule_types_allowed = ["style"]
[scroll-timeline]
engine = "gecko"
sub_properties = ["scroll-timeline-name", "scroll-timeline-axis"]
gecko_pref = "layout.css.scroll-driven-animations.enabled"
[view-timeline]
engine = "gecko"
sub_properties = ["view-timeline-name", "view-timeline-axis"]
gecko_pref = "layout.css.scroll-driven-animations.enabled"
[list-style]
sub_properties = ["list-style-position", "list-style-image", "list-style-type"]
[background-position]
sub_properties = ["background-position-x", "background-position-y"]
[mask]
engine = "gecko"
sub_properties = ["mask-mode", "mask-repeat", "mask-clip", "mask-origin", "mask-composite", "mask-position-x", "mask-position-y", "mask-size", "mask-image"]
extra_prefixes = ["webkit"]
[mask-position]
engine = "gecko"
sub_properties = ["mask-position-x", "mask-position-y"]
extra_prefixes = ["webkit"]
[border-radius]
sub_properties = ["border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius"]
extra_prefixes = ["webkit"]
[outline]
sub_properties = ["outline-color", "outline-style", "outline-width"]
[columns]
sub_properties = ["column-width", "column-count"]
servo_pref = "layout.columns.enabled"
[column-rule]
engine = "gecko"
sub_properties = ["column-rule-width", "column-rule-style", "column-rule-color"]
derive_serialize = true
[text-decoration]
sub_properties = ["text-decoration-color", "text-decoration-line", "text-decoration-style", "text-decoration-thickness"]
[font]
sub_properties = [
"font-style",
"font-variant-caps",
"font-weight",
"font-stretch",
"font-size",
"line-height",
"font-family",
"font-optical-sizing",
"font-variation-settings",
"font-size-adjust",
"font-kerning",
"font-variant-alternates",
"font-variant-east-asian",
"font-variant-emoji",
"font-variant-ligatures",
"font-variant-numeric",
"font-variant-position",
"font-language-override",
"font-feature-settings"
]
derive_value_info = false
[font-variant]
sub_properties = ["font-variant-caps", "font-variant-alternates", "font-variant-east-asian", "font-variant-emoji", "font-variant-ligatures", "font-variant-numeric", "font-variant-position"]
[font-synthesis]
engine = "gecko"
sub_properties = ["font-synthesis-weight", "font-synthesis-style", "font-synthesis-small-caps", "font-synthesis-position"]
derive_value_info = false
[text-box]
engine = "gecko"
sub_properties = ["text-box-trim", "text-box-edge"]
gecko_pref = "layout.css.text-box.enabled"
[text-emphasis]
engine = "gecko"
sub_properties = ["text-emphasis-style", "text-emphasis-color"]
derive_serialize = true
[text-wrap]
engine = "gecko"
sub_properties = ["text-wrap-mode", "text-wrap-style"]
[white-space]
sub_properties = ["text-wrap-mode", "white-space-collapse"]
derive_value_info = false
[-webkit-text-stroke]
engine = "gecko"
sub_properties = ["-webkit-text-stroke-width", "-webkit-text-stroke-color"]
derive_serialize = true