@webref/css 6.23.27 → 6.24.0

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

@@ -7,7 +7,7 @@
     {
       "name": "dominant-baseline",
       "href": "https://drafts.csswg.org/css-inline-3/#propdef-dominant-baseline",
-      "value": "auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
+      "value": "auto | <baseline-metric>",
       "initial": "auto",
       "appliesTo": "block containers, inline boxes, table rows, grid containers, flex containers, and SVG text content elements",
       "inherited": "yes",
@@ -118,62 +118,6 @@
           "type": "value",
           "value": "last"
         },
-        {
-          "name": "baseline",
-          "prose": "Use the dominant baseline choice of the parent.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-baseline",
-          "type": "value",
-          "value": "baseline"
-        },
-        {
-          "name": "text-bottom",
-          "prose": "Use the text-under baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-text-bottom",
-          "type": "value",
-          "value": "text-bottom"
-        },
-        {
-          "name": "alphabetic",
-          "prose": "Use the alphabetic baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-alphabetic",
-          "type": "value",
-          "value": "alphabetic"
-        },
-        {
-          "name": "ideographic",
-          "prose": "Use the ideographic-under baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-ideographic",
-          "type": "value",
-          "value": "ideographic"
-        },
-        {
-          "name": "middle",
-          "prose": "In general, use the x-middle baselines; except under text-orientation: upright (where the alphabetic and x-height baselines are essentially meaningless) use the central baseline instead.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-middle",
-          "type": "value",
-          "value": "middle"
-        },
-        {
-          "name": "central",
-          "prose": "Use the central baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-central",
-          "type": "value",
-          "value": "central"
-        },
-        {
-          "name": "mathematical",
-          "prose": "Use the math baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-mathematical",
-          "type": "value",
-          "value": "mathematical"
-        },
-        {
-          "name": "text-top",
-          "prose": "Use the text-over baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-text-top",
-          "type": "value",
-          "value": "text-top"
-        },
         {
           "name": "<length>",
           "prose": "Raise (positive value) or lower (negative value) by the specified length.",
@@ -227,6 +171,11 @@
       "styleDeclaration": [
         "vertical-align",
         "verticalAlign"
+      ],
+      "longhands": [
+        "alignment-baseline",
+        "baseline-shift",
+        "baseline-source"
       ]
     },
     {
@@ -271,7 +220,7 @@
     {
       "name": "alignment-baseline",
       "href": "https://drafts.csswg.org/css-inline-3/#propdef-alignment-baseline",
-      "value": "baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top",
+      "value": "baseline | <baseline-metric>",
       "initial": "baseline",
       "appliesTo": "inline-level boxes, flex items, grid items, table cells, and SVG text content elements",
       "inherited": "no",
@@ -282,60 +231,11 @@
       "values": [
         {
           "name": "baseline",
-          "prose": "Use the dominant baseline choice of the parent.",
+          "prose": "This property specifies the box’s alignment baseline: the baseline used to align the box prior to applying its post-alignment shift (if applicable). Values have the same meanings as for dominant-baseline; the baseline keyword uses the dominant baseline choice of the parent.",
           "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-baseline",
           "type": "value",
           "value": "baseline"
         },
-        {
-          "name": "text-bottom",
-          "prose": "Use the text-under baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-text-bottom",
-          "type": "value",
-          "value": "text-bottom"
-        },
-        {
-          "name": "alphabetic",
-          "prose": "Use the alphabetic baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-alphabetic",
-          "type": "value",
-          "value": "alphabetic"
-        },
-        {
-          "name": "ideographic",
-          "prose": "Use the ideographic-under baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-ideographic",
-          "type": "value",
-          "value": "ideographic"
-        },
-        {
-          "name": "middle",
-          "prose": "In general, use the x-middle baselines; except under text-orientation: upright (where the alphabetic and x-height baselines are essentially meaningless) use the central baseline instead.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-middle",
-          "type": "value",
-          "value": "middle"
-        },
-        {
-          "name": "central",
-          "prose": "Use the central baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-central",
-          "type": "value",
-          "value": "central"
-        },
-        {
-          "name": "mathematical",
-          "prose": "Use the math baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-mathematical",
-          "type": "value",
-          "value": "mathematical"
-        },
-        {
-          "name": "text-top",
-          "prose": "Use the text-over baseline.",
-          "href": "https://drafts.csswg.org/css-inline-3/#valdef-alignment-baseline-text-top",
-          "type": "value",
-          "value": "text-top"
-        },
         {
           "name": "text-before-edge",
           "prose": "text-before-edge aliasing text-top",
@@ -841,6 +741,78 @@
   "atrules": [],
   "selectors": [],
   "values": [
+    {
+      "name": "<baseline-metric>",
+      "prose": "The <baseline-metric> value, which identifies specific baseline metrics, expands to",
+      "href": "https://drafts.csswg.org/css-inline-3/#typedef-baseline-metric",
+      "type": "type",
+      "value": "text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Equivalent to alphabetic in horizontal writing modes and in vertical writing modes when text-orientation is sideways. Equivalent to central in vertical writing modes when text-orientation is mixed or upright. However, in SVG text, the origin point of glyphs (used for coordinate-based glyph positioning) is always handled as for central in vertical writing modes.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-auto",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "text-bottom",
+          "prose": "Use the text-under baselines.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-text-bottom",
+          "type": "value",
+          "value": "text-bottom"
+        },
+        {
+          "name": "alphabetic",
+          "prose": "Use the alphabetic baselines.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-alphabetic",
+          "type": "value",
+          "value": "alphabetic"
+        },
+        {
+          "name": "ideographic",
+          "prose": "Use the ideographic-under baselines.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-ideographic",
+          "type": "value",
+          "value": "ideographic"
+        },
+        {
+          "name": "middle",
+          "prose": "Use the x-middle baselines; except under text-orientation: upright (where the alphabetic and x-height baselines are essentially meaningless) use the central baseline.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-middle",
+          "type": "value",
+          "value": "middle"
+        },
+        {
+          "name": "central",
+          "prose": "Use the central baselines.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-central",
+          "type": "value",
+          "value": "central"
+        },
+        {
+          "name": "mathematical",
+          "prose": "Use the math baselines.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-mathematical",
+          "type": "value",
+          "value": "mathematical"
+        },
+        {
+          "name": "hanging",
+          "prose": "Use the hanging baselines.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-hanging",
+          "type": "value",
+          "value": "hanging"
+        },
+        {
+          "name": "text-top",
+          "prose": "Use the text-over baselines.",
+          "href": "https://drafts.csswg.org/css-inline-3/#valdef-dominant-baseline-text-top",
+          "type": "value",
+          "value": "text-top"
+        }
+      ]
+    },
     {
       "name": "<text-edge>",
       "prose": "The <text-edge> value, which identifies specific font metrics, expands to",

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"
       ]
     },
     {

package/css-position.json

@@ -409,6 +409,10 @@
       "styleDeclaration": [
         "inset-block",
         "insetBlock"
+      ],
+      "longhands": [
+        "inset-block-start",
+        "inset-block-end"
       ]
     },
     {
@@ -448,6 +452,10 @@
       "styleDeclaration": [
         "inset-inline",
         "insetInline"
+      ],
+      "longhands": [
+        "inset-inline-start",
+        "inset-inline-end"
       ]
     },
     {
@@ -486,6 +494,12 @@
       ],
       "styleDeclaration": [
         "inset"
+      ],
+      "longhands": [
+        "top",
+        "right",
+        "bottom",
+        "left"
       ]
     }
   ],

package/css-rhythm.json

@@ -156,6 +156,12 @@
       "styleDeclaration": [
         "block-step",
         "blockStep"
+      ],
+      "longhands": [
+        "block-step-size",
+        "block-step-insert",
+        "block-step-align",
+        "block-step-round"
       ]
     },
     {

package/css-scroll-snap.json

@@ -108,6 +108,12 @@
       "styleDeclaration": [
         "scroll-padding",
         "scrollPadding"
+      ],
+      "longhands": [
+        "scroll-padding-top",
+        "scroll-padding-right",
+        "scroll-padding-bottom",
+        "scroll-padding-left"
       ]
     },
     {
@@ -124,6 +130,12 @@
       "styleDeclaration": [
         "scroll-margin",
         "scrollMargin"
+      ],
+      "longhands": [
+        "scroll-margin-top",
+        "scroll-margin-right",
+        "scroll-margin-bottom",
+        "scroll-margin-left"
       ]
     },
     {
@@ -434,6 +446,10 @@
       "styleDeclaration": [
         "scroll-padding-block",
         "scrollPaddingBlock"
+      ],
+      "longhands": [
+        "scroll-padding-block-start",
+        "scroll-padding-block-end"
       ]
     },
     {
@@ -466,6 +482,10 @@
       "styleDeclaration": [
         "scroll-padding-inline",
         "scrollPaddingInline"
+      ],
+      "longhands": [
+        "scroll-padding-inline-start",
+        "scroll-padding-inline-end"
       ]
     },
     {
@@ -618,6 +638,10 @@
       "styleDeclaration": [
         "scroll-margin-block",
         "scrollMarginBlock"
+      ],
+      "longhands": [
+        "scroll-margin-block-start",
+        "scroll-margin-block-end"
       ]
     },
     {
@@ -634,6 +658,10 @@
       "styleDeclaration": [
         "scroll-margin-inline",
         "scrollMarginInline"
+      ],
+      "longhands": [
+        "scroll-margin-inline-start",
+        "scroll-margin-inline-end"
       ]
     }
   ],

package/css-sizing-4.json

@@ -459,6 +459,10 @@
       "styleDeclaration": [
         "contain-intrinsic-size",
         "containIntrinsicSize"
+      ],
+      "longhands": [
+        "contain-intrinsic-width",
+        "contain-intrinsic-height"
       ]
     },
     {

package/css-speech.json

@@ -375,6 +375,10 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "pause"
+      ],
+      "longhands": [
+        "pause-before",
+        "pause-after"
       ]
     },
     {
@@ -524,6 +528,10 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "rest"
+      ],
+      "longhands": [
+        "rest-before",
+        "rest-after"
       ]
     },
     {
@@ -589,6 +597,10 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "cue"
+      ],
+      "longhands": [
+        "cue-before",
+        "cue-after"
       ]
     },
     {