@webref/css 6.23.28 → 6.24.0

package/css-flexbox.json

@@ -103,6 +103,10 @@
       "styleDeclaration": [
         "flex-flow",
         "flexFlow"
+      ],
+      "longhands": [
+        "flex-direction",
+        "flex-wrap"
       ]
     },
     {
@@ -148,6 +152,11 @@
       ],
       "styleDeclaration": [
         "flex"
+      ],
+      "longhands": [
+        "flex-grow",
+        "flex-shrink",
+        "flex-basis"
       ]
     },
     {

package/css-fonts.json

@@ -326,6 +326,15 @@
       ],
       "styleDeclaration": [
         "font"
+      ],
+      "longhands": [
+        "font-style",
+        "font-variant",
+        "font-weight",
+        "font-stretch",
+        "font-size",
+        "line-height",
+        "font-family"
       ]
     },
     {
@@ -479,6 +488,11 @@
       "styleDeclaration": [
         "font-synthesis",
         "fontSynthesis"
+      ],
+      "longhands": [
+        "font-synthesis-weight",
+        "font-synthesis-style",
+        "font-synthesis-small-caps"
       ]
     },
     {
@@ -981,6 +995,15 @@
       "styleDeclaration": [
         "font-variant",
         "fontVariant"
+      ],
+      "longhands": [
+        "font-variant-ligatures",
+        "font-variant-caps",
+        "font-variant-alternates",
+        "font-variant-numeric",
+        "font-variant-east-asian",
+        "font-variant-position",
+        "font-variant-emoji"
       ]
     },
     {

package/css-gaps.json

@@ -96,6 +96,10 @@
       "styleDeclaration": [
         "rule-break",
         "ruleBreak"
+      ],
+      "longhands": [
+        "column-rule-break",
+        "row-rule-break"
       ]
     },
     {
@@ -240,6 +244,10 @@
       "styleDeclaration": [
         "column-rule-inset-start",
         "columnRuleInsetStart"
+      ],
+      "longhands": [
+        "column-rule-edge-inset-start",
+        "column-rule-interior-inset-start"
       ]
     },
     {
@@ -256,6 +264,10 @@
       "styleDeclaration": [
         "column-rule-inset-end",
         "columnRuleInsetEnd"
+      ],
+      "longhands": [
+        "column-rule-edge-inset-end",
+        "column-rule-interior-inset-end"
       ]
     },
     {
@@ -272,6 +284,10 @@
       "styleDeclaration": [
         "row-rule-inset-start",
         "rowRuleInsetStart"
+      ],
+      "longhands": [
+        "row-rule-edge-inset-start",
+        "row-rule-interior-inset-start"
       ]
     },
     {
@@ -288,6 +304,10 @@
       "styleDeclaration": [
         "row-rule-inset-end",
         "rowRuleInsetEnd"
+      ],
+      "longhands": [
+        "row-rule-edge-inset-end",
+        "row-rule-interior-inset-end"
       ]
     },
     {
@@ -304,6 +324,10 @@
       "styleDeclaration": [
         "rule-inset-start",
         "ruleInsetStart"
+      ],
+      "longhands": [
+        "column-rule-inset-start",
+        "row-rule-inset-start"
       ]
     },
     {
@@ -320,6 +344,10 @@
       "styleDeclaration": [
         "rule-inset-end",
         "ruleInsetEnd"
+      ],
+      "longhands": [
+        "column-rule-inset-end",
+        "row-rule-inset-end"
       ]
     },
     {
@@ -336,6 +364,10 @@
       "styleDeclaration": [
         "column-rule-edge-inset",
         "columnRuleEdgeInset"
+      ],
+      "longhands": [
+        "column-rule-edge-inset-start",
+        "column-rule-edge-inset-end"
       ]
     },
     {
@@ -352,6 +384,10 @@
       "styleDeclaration": [
         "column-rule-interior-inset",
         "columnRuleInteriorInset"
+      ],
+      "longhands": [
+        "column-rule-interior-inset-start",
+        "column-rule-interior-inset-end"
       ]
     },
     {
@@ -368,6 +404,10 @@
       "styleDeclaration": [
         "row-rule-edge-inset",
         "rowRuleEdgeInset"
+      ],
+      "longhands": [
+        "row-rule-edge-inset-start",
+        "row-rule-edge-inset-end"
       ]
     },
     {
@@ -384,6 +424,10 @@
       "styleDeclaration": [
         "row-rule-interior-inset",
         "rowRuleInteriorInset"
+      ],
+      "longhands": [
+        "row-rule-interior-inset-start",
+        "row-rule-interior-inset-end"
       ]
     },
     {
@@ -400,6 +444,10 @@
       "styleDeclaration": [
         "rule-edge-inset",
         "ruleEdgeInset"
+      ],
+      "longhands": [
+        "column-rule-edge-inset",
+        "row-rule-edge-inset"
       ]
     },
     {
@@ -416,6 +464,10 @@
       "styleDeclaration": [
         "rule-interior-inset",
         "ruleInteriorInset"
+      ],
+      "longhands": [
+        "column-rule-interior-inset",
+        "row-rule-interior-inset"
       ]
     },
     {
@@ -432,6 +484,12 @@
       "styleDeclaration": [
         "column-rule-inset",
         "columnRuleInset"
+      ],
+      "longhands": [
+        "column-rule-edge-inset-start",
+        "column-rule-edge-inset-end",
+        "column-rule-interior-inset-start",
+        "column-rule-interior-inset-end"
       ]
     },
     {
@@ -448,6 +506,12 @@
       "styleDeclaration": [
         "row-rule-inset",
         "rowRuleInset"
+      ],
+      "longhands": [
+        "row-rule-edge-inset-start",
+        "row-rule-edge-inset-end",
+        "row-rule-interior-inset-start",
+        "row-rule-interior-inset-end"
       ]
     },
     {
@@ -464,6 +528,10 @@
       "styleDeclaration": [
         "rule-inset",
         "ruleInset"
+      ],
+      "longhands": [
+        "column-rule-inset",
+        "row-rule-inset"
       ]
     },
     {
@@ -558,6 +626,9 @@
       "styleDeclaration": [
         "rule-visibility-items",
         "ruleVisibilityItems"
+      ],
+      "longhands": [
+        "column-rule-visibility-items"
       ]
     },
     {
@@ -602,7 +673,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "repeatable list, see § 4.6 Interpolation of list values.",
+      "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
       "styleDeclaration": [
         "column-rule-color",
         "columnRuleColor"
@@ -618,7 +689,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "repeatable list, see § 4.6 Interpolation of list values.",
+      "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
       "styleDeclaration": [
         "row-rule-color",
         "rowRuleColor"
@@ -638,6 +709,10 @@
       "styleDeclaration": [
         "rule-color",
         "ruleColor"
+      ],
+      "longhands": [
+        "column-rule-color",
+        "row-rule-color"
       ]
     },
     {
@@ -686,6 +761,10 @@
       "styleDeclaration": [
         "rule-style",
         "ruleStyle"
+      ],
+      "longhands": [
+        "column-rule-style",
+        "row-rule-style"
       ]
     },
     {
@@ -698,7 +777,7 @@
       "percentages": "n/a",
       "computedValue": "list of absolute lengths, snapped as a border width",
       "canonicalOrder": "per grammar",
-      "animationType": "repeatable list, see § 4.6 Interpolation of list values.",
+      "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
       "styleDeclaration": [
         "column-rule-width",
         "columnRuleWidth"
@@ -714,7 +793,7 @@
       "percentages": "n/a",
       "computedValue": "list of absolute lengths, snapped as a border width",
       "canonicalOrder": "per grammar",
-      "animationType": "repeatable list, see § 4.6 Interpolation of list values.",
+      "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
       "styleDeclaration": [
         "row-rule-width",
         "rowRuleWidth"
@@ -734,6 +813,10 @@
       "styleDeclaration": [
         "rule-width",
         "ruleWidth"
+      ],
+      "longhands": [
+        "column-rule-width",
+        "row-rule-width"
       ]
     },
     {
@@ -750,6 +833,11 @@
       "styleDeclaration": [
         "column-rule",
         "columnRule"
+      ],
+      "longhands": [
+        "column-rule-width",
+        "column-rule-style",
+        "column-rule-color"
       ]
     },
     {
@@ -766,6 +854,11 @@
       "styleDeclaration": [
         "row-rule",
         "rowRule"
+      ],
+      "longhands": [
+        "row-rule-width",
+        "row-rule-style",
+        "row-rule-color"
       ]
     },
     {
@@ -781,6 +874,10 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "rule"
+      ],
+      "longhands": [
+        "column-rule",
+        "row-rule"
       ]
     }
   ],
@@ -819,7 +916,7 @@
           "values": [
             {
               "name": "auto",
-              "prose": "Specfies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
+              "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
               "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
               "type": "value",
               "value": "auto"
@@ -842,7 +939,7 @@
           "values": [
             {
               "name": "auto",
-              "prose": "Specfies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
+              "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
               "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
               "type": "value",
               "value": "auto"
@@ -883,7 +980,7 @@
           "values": [
             {
               "name": "auto",
-              "prose": "Specfies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
+              "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
               "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
               "type": "value",
               "value": "auto"
@@ -906,7 +1003,7 @@
           "values": [
             {
               "name": "auto",
-              "prose": "Specfies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
+              "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
               "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
               "type": "value",
               "value": "auto"
@@ -947,7 +1044,7 @@
           "values": [
             {
               "name": "auto",
-              "prose": "Specfies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
+              "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
               "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
               "type": "value",
               "value": "auto"
@@ -970,7 +1067,7 @@
           "values": [
             {
               "name": "auto",
-              "prose": "Specfies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
+              "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
               "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
               "type": "value",
               "value": "auto"

package/css-grid.json

@@ -257,6 +257,11 @@
       "styleDeclaration": [
         "grid-template",
         "gridTemplate"
+      ],
+      "longhands": [
+        "grid-template-rows",
+        "grid-template-columns",
+        "grid-template-areas"
       ]
     },
     {
@@ -359,6 +364,14 @@
       ],
       "styleDeclaration": [
         "grid"
+      ],
+      "longhands": [
+        "grid-template-rows",
+        "grid-template-columns",
+        "grid-template-areas",
+        "grid-auto-rows",
+        "grid-auto-columns",
+        "grid-auto-flow"
       ]
     },
     {
@@ -591,6 +604,10 @@
       "styleDeclaration": [
         "grid-row",
         "gridRow"
+      ],
+      "longhands": [
+        "grid-row-start",
+        "grid-row-end"
       ]
     },
     {
@@ -607,6 +624,10 @@
       "styleDeclaration": [
         "grid-column",
         "gridColumn"
+      ],
+      "longhands": [
+        "grid-column-start",
+        "grid-column-end"
       ]
     },
     {
@@ -623,6 +644,12 @@
       "styleDeclaration": [
         "grid-area",
         "gridArea"
+      ],
+      "longhands": [
+        "grid-row-start",
+        "grid-column-start",
+        "grid-row-end",
+        "grid-column-end"
       ]
     }
   ],

package/css-inline.json

@@ -171,6 +171,11 @@
       "styleDeclaration": [
         "vertical-align",
         "verticalAlign"
+      ],
+      "longhands": [
+        "alignment-baseline",
+        "baseline-shift",
+        "baseline-source"
       ]
     },
     {

package/css-lists.json

@@ -121,6 +121,11 @@
       "styleDeclaration": [
         "list-style",
         "listStyle"
+      ],
+      "longhands": [
+        "list-style-type",
+        "list-style-position",
+        "list-style-image"
       ]
     },
     {

package/css-logical.json

@@ -188,6 +188,10 @@
       "styleDeclaration": [
         "margin-block",
         "marginBlock"
+      ],
+      "longhands": [
+        "margin-block-start",
+        "margin-block-end"
       ]
     },
     {
@@ -204,6 +208,10 @@
       "styleDeclaration": [
         "margin-inline",
         "marginInline"
+      ],
+      "longhands": [
+        "margin-inline-start",
+        "margin-inline-end"
       ]
     },
     {
@@ -288,6 +296,10 @@
       "styleDeclaration": [
         "padding-block",
         "paddingBlock"
+      ],
+      "longhands": [
+        "padding-block-start",
+        "padding-block-end"
       ]
     },
     {
@@ -304,6 +316,10 @@
       "styleDeclaration": [
         "padding-inline",
         "paddingInline"
+      ],
+      "longhands": [
+        "padding-inline-start",
+        "padding-inline-end"
       ]
     }
   ],

package/css-masking.json

@@ -384,6 +384,16 @@
       "media": "visual",
       "styleDeclaration": [
         "mask"
+      ],
+      "longhands": [
+        "mask-image",
+        "mask-position",
+        "mask-size",
+        "mask-repeat",
+        "mask-origin",
+        "mask-clip",
+        "mask-composite",
+        "mask-mode"
       ]
     },
     {
@@ -528,6 +538,14 @@
       "styleDeclaration": [
         "mask-border",
         "maskBorder"
+      ],
+      "longhands": [
+        "mask-border-source",
+        "mask-border-slice",
+        "mask-border-width",
+        "mask-border-outset",
+        "mask-border-repeat",
+        "mask-border-mode"
       ]
     },
     {

package/css-multicol.json

@@ -152,6 +152,11 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "columns"
+      ],
+      "longhands": [
+        "column-width",
+        "column-count",
+        "column-height"
       ]
     },
     {

package/css-overflow-4.json

@@ -170,6 +170,12 @@
       "styleDeclaration": [
         "overflow-clip-margin",
         "overflowClipMargin"
+      ],
+      "longhands": [
+        "overflow-clip-margin-top",
+        "overflow-clip-margin-right",
+        "overflow-clip-margin-bottom",
+        "overflow-clip-margin-left"
       ]
     },
     {
@@ -186,6 +192,10 @@
       "styleDeclaration": [
         "overflow-clip-margin-inline",
         "overflowClipMarginInline"
+      ],
+      "longhands": [
+        "overflow-clip-margin-inline-start",
+        "overflow-clip-margin-inline-end"
       ]
     },
     {
@@ -202,6 +212,10 @@
       "styleDeclaration": [
         "overflow-clip-margin-block",
         "overflowClipMarginBlock"
+      ],
+      "longhands": [
+        "overflow-clip-margin-block-start",
+        "overflow-clip-margin-block-end"
       ]
     },
     {
@@ -332,6 +346,11 @@
       "styleDeclaration": [
         "line-clamp",
         "lineClamp"
+      ],
+      "longhands": [
+        "max-lines",
+        "block-ellipsis",
+        "continue"
       ]
     },
     {
@@ -349,6 +368,11 @@
         "-webkit-line-clamp",
         "WebkitLineClamp",
         "webkitLineClamp"
+      ],
+      "longhands": [
+        "max-lines",
+        "block-ellipsis",
+        "continue"
       ]
     },
     {

package/css-overflow.json

@@ -235,6 +235,10 @@
       ],
       "styleDeclaration": [
         "overflow"
+      ],
+      "longhands": [
+        "overflow-x",
+        "overflow-y"
       ]
     },
     {
@@ -267,6 +271,12 @@
       "styleDeclaration": [
         "overflow-clip-margin",
         "overflowClipMargin"
+      ],
+      "longhands": [
+        "overflow-clip-margin-top",
+        "overflow-clip-margin-right",
+        "overflow-clip-margin-bottom",
+        "overflow-clip-margin-left"
       ]
     },
     {

package/css-overscroll.json

@@ -42,6 +42,10 @@
       "styleDeclaration": [
         "overscroll-behavior",
         "overscrollBehavior"
+      ],
+      "longhands": [
+        "overscroll-behavior-x",
+        "overscroll-behavior-y"
       ]
     },
     {