@webref/css 6.25.18 → 6.25.19

package/SVG.json

@@ -143,7 +143,7 @@
     {
       "name": "path-length",
       "href": "https://w3c.github.io/svgwg/svg2-draft/paths.html#PathLengthCSSProperty",
-      "value": "none | <length> [0,∞]",
+      "value": "none | <length [0,∞]>",
       "initial": "none",
       "appliesTo": "‘path’, ‘circle’, ‘ellipse’, ‘line’, ‘polygon’, ‘polyline’, ‘rect’",
       "inherited": "no",

package/animation-triggers.json

@@ -369,7 +369,15 @@
       "name": "<event-function>",
       "href": "https://drafts.csswg.org/animation-triggers-1/#typedef-event-function",
       "type": "type",
-      "value": "<click()> | <dblclick()> | <pointerenter()> | <pointerleave()> | <pointerup()> | <pointerdown()> | <keypress()> | <focusin()> | <focusout()> | <input()> | <change()>"
+      "value": "<click()> | <dblclick()> | <pointerenter()> | <pointerleave()> | <pointerup()> | <pointerdown()> | <keypress()> | <focusin()> | <focusout()> | <input()> | <change()>",
+      "values": [
+        {
+          "name": "keypress()",
+          "value": "keypress( <string>? )",
+          "href": "https://drafts.csswg.org/animation-triggers-1/#funcdef-event-function-keypress",
+          "type": "function"
+        }
+      ]
     },
     {
       "name": "click()",
@@ -487,16 +495,5 @@
         }
       ]
     }
-  ],
-  "warnings": [
-    {
-      "msg": "Dangling value",
-      "name": "keypress()",
-      "value": "keypress( <string>? )",
-      "pureSyntax": false,
-      "href": "https://drafts.csswg.org/animation-triggers-1/#funcdef-event-function-keypress",
-      "type": "function",
-      "for": "event-function"
-    }
   ]
 }

package/css-align.json

@@ -130,7 +130,7 @@
         },
         {
           "name": "stretch",
-          "prose": "When the box’s computed width/height (as appropriate to the axis) is auto and neither of its margins (in the appropriate axis) are auto, sets the box’s used size to the length necessary to make its outer size as close to filling the alignment container as possible while still respecting the constraints imposed by min-height/min-width/max-height/max-width. Unless otherwise specified, this value falls back to flex-start generally, and to self-start or self-end if the box has also specified first baseline or last baseline baseline content-alignment (respectively) in the same axis.",
+          "prose": "When the box’s computed width/height (as appropriate to the axis) is auto and neither of its margins (in the appropriate axis) are auto, sets the box’s used size to the length necessary to make its outer size as close to filling the alignment container as possible while still respecting the constraints imposed by min-height/min-width/max-height/max-width. Unless otherwise specified, this value falls back to flow-start generally, and to self-start or self-end if the box has also specified first baseline or last baseline baseline content-alignment (respectively) in the same axis.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch",
           "type": "value",
           "value": "stretch"
@@ -283,7 +283,7 @@
       "name": "<self-position>",
       "href": "https://drafts.csswg.org/css-align-3/#typedef-self-position",
       "type": "type",
-      "value": "center | start | end | self-start | self-end | flex-start | flex-end",
+      "value": "center | start | end | self-start | self-end | flow-start | flow-end | flex-start | flex-end",
       "values": [
         {
           "name": "center",
@@ -320,16 +320,30 @@
           "type": "value",
           "value": "self-end"
         },
+        {
+          "name": "flow-start",
+          "prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the start of placement. In a flex formatting context, this corresponds to the flex container’s main-start or cross-start side, as appropriate. [CSS-FLEXBOX-1] In grid lanes layout, this corresponds to the side of the grid lanes container from which item placement proceeds in the axis being aligned. See [CSS-GRID-3] for more details. When used outside of a flex formatting context or grid lanes layout, this value behaves as start, unless otherwise specified by the layout model.",
+          "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flow-start",
+          "type": "value",
+          "value": "flow-start"
+        },
+        {
+          "name": "flow-end",
+          "prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the end of placement. In a flex formatting context, this corresponds to the flex container’s main-end or cross-end side, as appropriate. [CSS-FLEXBOX-1] In grid lanes layout, this corresponds to the side of the grid lanes container opposite the side from which item placement proceeds in the axis being aligned. See [CSS-GRID-3] for more details. When used outside of a flex formatting context or grid lanes layout, this value behaves as end, unless otherwise specified by the layout model.",
+          "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flow-end",
+          "type": "value",
+          "value": "flow-end"
+        },
         {
           "name": "flex-start",
-          "prose": "Only used in flex layout. [CSS-FLEXBOX-1] Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-start or cross-start side, as appropriate. When used outside of a flex formatting context, this value behaves as start. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as start when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as start when used in the content-distribution properties.",
+          "prose": "A legacy value alias for flow-start.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-start",
           "type": "value",
           "value": "flex-start"
         },
         {
           "name": "flex-end",
-          "prose": "Only used in flex layout. Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-end or cross-end side, as appropriate. When used outside of a flex formatting context, this value behaves as end. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as end when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as end when used in the content-distribution properties.",
+          "prose": "A legacy value alias for flow-end.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-end",
           "type": "value",
           "value": "flex-end"
@@ -340,7 +354,7 @@
       "name": "<content-position>",
       "href": "https://drafts.csswg.org/css-align-3/#typedef-content-position",
       "type": "type",
-      "value": "center | start | end | flex-start | flex-end",
+      "value": "center | start | end | flow-start | flow-end | flex-start | flex-end",
       "values": [
         {
           "name": "center",
@@ -363,16 +377,30 @@
           "type": "value",
           "value": "end"
         },
+        {
+          "name": "flow-start",
+          "prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the start of placement. In a flex formatting context, this corresponds to the flex container’s main-start or cross-start side, as appropriate. [CSS-FLEXBOX-1] In grid lanes layout, this corresponds to the side of the grid lanes container from which item placement proceeds in the axis being aligned. See [CSS-GRID-3] for more details. When used outside of a flex formatting context or grid lanes layout, this value behaves as start, unless otherwise specified by the layout model.",
+          "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flow-start",
+          "type": "value",
+          "value": "flow-start"
+        },
+        {
+          "name": "flow-end",
+          "prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the end of placement. In a flex formatting context, this corresponds to the flex container’s main-end or cross-end side, as appropriate. [CSS-FLEXBOX-1] In grid lanes layout, this corresponds to the side of the grid lanes container opposite the side from which item placement proceeds in the axis being aligned. See [CSS-GRID-3] for more details. When used outside of a flex formatting context or grid lanes layout, this value behaves as end, unless otherwise specified by the layout model.",
+          "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flow-end",
+          "type": "value",
+          "value": "flow-end"
+        },
         {
           "name": "flex-start",
-          "prose": "Only used in flex layout. [CSS-FLEXBOX-1] Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-start or cross-start side, as appropriate. When used outside of a flex formatting context, this value behaves as start. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as start when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as start when used in the content-distribution properties.",
+          "prose": "A legacy value alias for flow-start.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-start",
           "type": "value",
           "value": "flex-start"
         },
         {
           "name": "flex-end",
-          "prose": "Only used in flex layout. Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-end or cross-end side, as appropriate. When used outside of a flex formatting context, this value behaves as end. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as end when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as end when used in the content-distribution properties.",
+          "prose": "A legacy value alias for flow-end.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-end",
           "type": "value",
           "value": "flex-end"
@@ -430,7 +458,7 @@
       "values": [
         {
           "name": "space-between",
-          "prose": "The alignment subjects are evenly distributed in the alignment container. The first alignment subject is placed flush with the start edge of the alignment container, the last alignment subject is placed flush with the end edge of the alignment container, and the remaining alignment subjects are distributed so that the spacing between any two adjacent alignment subjects is the same. The default fallback alignment for this value is safe flex-start. (For layout modes other than flex layout, flex-start is identical to start.)",
+          "prose": "The alignment subjects are evenly distributed in the alignment container. The first alignment subject is placed flush with the start edge of the alignment container, the last alignment subject is placed flush with the end edge of the alignment container, and the remaining alignment subjects are distributed so that the spacing between any two adjacent alignment subjects is the same. The default fallback alignment for this value is safe flow-start.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-space-between",
           "type": "value",
           "value": "space-between"
@@ -451,7 +479,7 @@
         },
         {
           "name": "stretch",
-          "prose": "If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container. The default fallback alignment for this value is flex-start. (For layout modes other than flex layout, flex-start is identical to start.)",
+          "prose": "If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container. The default fallback alignment for this value is flow-start.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-stretch",
           "type": "value",
           "value": "stretch"
@@ -466,7 +494,7 @@
       "values": [
         {
           "name": "safe",
-          "prose": "If the size of the alignment subject overflows the alignment container, the alignment subject is instead aligned as if the alignment mode were flex-start. However for absolutely positioned boxes, see § 4.4.1.2 Self-Alignment for Absolutely Positioned Boxes.",
+          "prose": "If the size of the alignment subject overflows the alignment container, the alignment subject is instead aligned as if the alignment mode were flow-start. However for absolutely positioned boxes, see § 4.4.1.2 Self-Alignment for Absolutely Positioned Boxes.",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-overflow-position-safe",
           "type": "value",
           "value": "safe"

package/css-borders.json

@@ -1620,7 +1620,7 @@
     {
       "name": "corner-top-left",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left",
-      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
+      "value": "<'corner-top-left-shape'> || <'border-top-left-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1640,7 +1640,7 @@
     {
       "name": "corner-top-right",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right",
-      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
+      "value": "<'corner-top-left-shape'> || <'border-top-left-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1660,7 +1660,7 @@
     {
       "name": "corner-bottom-left",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left",
-      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
+      "value": "<'corner-top-left-shape'> || <'border-top-left-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1680,7 +1680,7 @@
     {
       "name": "corner-bottom-right",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right",
-      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
+      "value": "<'corner-top-left-shape'> || <'border-top-left-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1700,7 +1700,7 @@
     {
       "name": "corner-start-start",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start",
-      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
+      "value": "<'corner-top-left-shape'> || <'border-top-left-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1720,7 +1720,7 @@
     {
       "name": "corner-start-end",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end",
-      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
+      "value": "<'corner-top-left-shape'> || <'border-top-left-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1740,7 +1740,7 @@
     {
       "name": "corner-end-start",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start",
-      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
+      "value": "<'corner-top-left-shape'> || <'border-top-left-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1760,7 +1760,7 @@
     {
       "name": "corner-end-end",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end",
-      "value": "<'border-top-left-radius'> || <'corner-top-left-shape'>",
+      "value": "<'corner-top-left-shape'> || <'border-top-left-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1780,7 +1780,7 @@
     {
       "name": "corner-top",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top",
-      "value": "<'border-top-radius'> || <'corner-top-shape'>",
+      "value": "<'corner-top-shape'> || <'border-top-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1800,7 +1800,7 @@
     {
       "name": "corner-right",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-right",
-      "value": "<'border-top-radius'> || <'corner-top-shape'>",
+      "value": "<'corner-top-shape'> || <'border-top-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1820,7 +1820,7 @@
     {
       "name": "corner-bottom",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom",
-      "value": "<'border-top-radius'> || <'corner-top-shape'>",
+      "value": "<'corner-top-shape'> || <'border-top-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1840,7 +1840,7 @@
     {
       "name": "corner-left",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-left",
-      "value": "<'border-top-radius'> || <'corner-top-shape'>",
+      "value": "<'corner-top-shape'> || <'border-top-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1860,7 +1860,7 @@
     {
       "name": "corner-block-start",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-start",
-      "value": "<'border-top-radius'> || <'corner-top-shape'>",
+      "value": "<'corner-top-shape'> || <'border-top-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1880,7 +1880,7 @@
     {
       "name": "corner-block-end",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-end",
-      "value": "<'border-top-radius'> || <'corner-top-shape'>",
+      "value": "<'corner-top-shape'> || <'border-top-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1900,7 +1900,7 @@
     {
       "name": "corner-inline-start",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-start",
-      "value": "<'border-top-radius'> || <'corner-top-shape'>",
+      "value": "<'corner-top-shape'> || <'border-top-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1920,7 +1920,7 @@
     {
       "name": "corner-inline-end",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-end",
-      "value": "<'border-top-radius'> || <'corner-top-shape'>",
+      "value": "<'corner-top-shape'> || <'border-top-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1940,7 +1940,7 @@
     {
       "name": "corner",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner",
-      "value": "<'border-radius'> || <'corner-shape'>",
+      "value": "<'corner-shape'> || <'border-radius'>",
       "initial": "0",
       "appliesTo": "all elements (but see prose)",
       "inherited": "no",
@@ -1952,8 +1952,8 @@
         "corner"
       ],
       "longhands": [
-        "border-radius",
-        "corner-shape"
+        "corner-shape",
+        "border-radius"
       ]
     },
     {

package/css-color-5.json

@@ -292,7 +292,7 @@
     },
     {
       "name": "alpha()",
-      "value": "alpha([from <color>] [ / [<alpha-value> | none] ]? )",
+      "value": "alpha(from <color> / [<alpha-value> | none])",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-alpha",
       "type": "function",
       "values": [

package/css-content.json

@@ -222,7 +222,7 @@
       "name": "<content-list>",
       "href": "https://drafts.csswg.org/css-content-3/#typedef-content-list",
       "type": "type",
-      "value": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <symbolic-counter-style> ]+",
+      "value": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> | <symbolic-glyph> ]+",
       "values": [
         {
           "name": "<string>",

package/css-fonts.json

@@ -526,14 +526,14 @@
       "values": [
         {
           "name": "auto",
-          "prose": "Specifies that kerning is applied at the discretion of the user agent",
+          "prose": "Specifies that kerning is applied, to proportionally-spaced glyphs, at the discretion of the user agent",
           "href": "https://drafts.csswg.org/css-fonts-4/#font-kerning-auto-value",
           "type": "value",
           "value": "auto"
         },
         {
           "name": "normal",
-          "prose": "Specifies that kerning is applied",
+          "prose": "Specifies that kerning is applied, to proportionally-spaced glyphs",
           "href": "https://drafts.csswg.org/css-fonts-4/#font-kerning-normal-value",
           "type": "value",
           "value": "normal"

package/css-page.json

@@ -259,6 +259,118 @@
               "value": "add"
             }
           ]
+        },
+        {
+          "name": "@top-left-corner",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-left-corner",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-left-corner { <declaration-list> };"
+        },
+        {
+          "name": "@top-left",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-left",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-left { <declaration-list> };"
+        },
+        {
+          "name": "@top-center",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-center",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-center { <declaration-list> };"
+        },
+        {
+          "name": "@top-right",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-right",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-right { <declaration-list> };"
+        },
+        {
+          "name": "@top-right-corner",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-right-corner",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-right-corner { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-left-corner",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-left-corner",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-left-corner { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-left",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-left",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-left { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-center",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-center",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-center { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-right",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-right",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-right { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-right-corner",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-right-corner",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-right-corner { <declaration-list> };"
+        },
+        {
+          "name": "@left-top",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-left-top",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@left-top { <declaration-list> };"
+        },
+        {
+          "name": "@left-middle",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-left-middle",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@left-middle { <declaration-list> };"
+        },
+        {
+          "name": "@left-bottom",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-left-bottom",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@left-bottom { <declaration-list> };"
+        },
+        {
+          "name": "@right-top",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-right-top",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@right-top { <declaration-list> };"
+        },
+        {
+          "name": "@right-middle",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-right-middle",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@right-middle { <declaration-list> };"
+        },
+        {
+          "name": "@right-bottom",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-right-bottom",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@right-bottom { <declaration-list> };"
         }
       ],
       "value": "@page <page-selector-list>? { <declaration-rule-list> }",
@@ -292,102 +404,6 @@
           "value": ":blank"
         }
       ]
-    },
-    {
-      "name": "@top-left-corner",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-left-corner",
-      "descriptors": [],
-      "value": "@top-left-corner { <declaration-list> };"
-    },
-    {
-      "name": "@top-left",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-left",
-      "descriptors": [],
-      "value": "@top-left { <declaration-list> };"
-    },
-    {
-      "name": "@top-center",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-center",
-      "descriptors": [],
-      "value": "@top-center { <declaration-list> };"
-    },
-    {
-      "name": "@top-right",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-right",
-      "descriptors": [],
-      "value": "@top-right { <declaration-list> };"
-    },
-    {
-      "name": "@top-right-corner",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-right-corner",
-      "descriptors": [],
-      "value": "@top-right-corner { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-left-corner",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-left-corner",
-      "descriptors": [],
-      "value": "@bottom-left-corner { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-left",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-left",
-      "descriptors": [],
-      "value": "@bottom-left { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-center",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-center",
-      "descriptors": [],
-      "value": "@bottom-center { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-right",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-right",
-      "descriptors": [],
-      "value": "@bottom-right { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-right-corner",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-right-corner",
-      "descriptors": [],
-      "value": "@bottom-right-corner { <declaration-list> };"
-    },
-    {
-      "name": "@left-top",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-top",
-      "descriptors": [],
-      "value": "@left-top { <declaration-list> };"
-    },
-    {
-      "name": "@left-middle",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-middle",
-      "descriptors": [],
-      "value": "@left-middle { <declaration-list> };"
-    },
-    {
-      "name": "@left-bottom",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-bottom",
-      "descriptors": [],
-      "value": "@left-bottom { <declaration-list> };"
-    },
-    {
-      "name": "@right-top",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-top",
-      "descriptors": [],
-      "value": "@right-top { <declaration-list> };"
-    },
-    {
-      "name": "@right-middle",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-middle",
-      "descriptors": [],
-      "value": "@right-middle { <declaration-list> };"
-    },
-    {
-      "name": "@right-bottom",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-bottom",
-      "descriptors": [],
-      "value": "@right-bottom { <declaration-list> };"
     }
   ],
   "selectors": [],

package/css-pseudo.json

@@ -69,6 +69,18 @@
       "value": "::highlight(<highlight-name-selector>)",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-highlight-highlight-name-selector"
     },
+    {
+      "name": "::before",
+      "prose": "Represents a styleable child pseudo-element immediately before the originating element’s actual content.",
+      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-before",
+      "value": "::before"
+    },
+    {
+      "name": "::after",
+      "prose": "Represents a styleable child pseudo-element immediately after the originating element’s actual content.",
+      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-after",
+      "value": "::after"
+    },
     {
       "name": "::marker",
       "prose": "The ::marker pseudo-element represents the automatically generated marker box of a list item. (See [CSS-DISPLAY-3] and [CSS-LISTS-3].)",
@@ -77,7 +89,7 @@
     },
     {
       "name": "::interest-button",
-      "prose": "The ::interest-button pseudo-element represents a button which, when pressed, \"shows interest\" in the originating element. This pseudo-element only exists on valid interest invokers. (See interest-delay for more discussion of this feature, and the HTML interestfor attribute.)",
+      "prose": "The ::interest-button pseudo-element represents a button which, when pressed, shows interest in the originating element. This pseudo-element only exists on valid interest sources. (See interest-delay, :interest-source, and :interest-target for more discussion of this feature, and the HTML interestfor attribute.)",
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-interest-button",
       "value": "::interest-button"
     },

package/css-values.json

@@ -211,14 +211,14 @@
         },
         {
           "name": "ch",
-          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr and text-orientation is upright).",
+          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr, and text-orientation is upright).",
           "href": "https://drafts.csswg.org/css-values-4/#ch",
           "type": "value",
           "value": "ch"
         },
         {
           "name": "ch unit",
-          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr and text-orientation is upright).",
+          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr, and text-orientation is upright).",
           "href": "https://drafts.csswg.org/css-values-4/#ch",
           "type": "value",
           "value": "ch unit"

package/mediaqueries-5.json

@@ -145,9 +145,16 @@
           "name": "display-mode",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-display-mode",
           "for": "@media",
-          "value": "fullscreen | standalone | minimal-ui | browser | picture-in-picture",
+          "value": "application | fullscreen | standalone | minimal-ui | browser | picture-in-picture",
           "type": "discrete",
           "values": [
+            {
+              "name": "application",
+              "prose": "The top-level browsing context is an application context.",
+              "href": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-application",
+              "type": "value",
+              "value": "application"
+            },
             {
               "name": "fullscreen",
               "prose": "The browsing context is displayed with browser UI elements hidden and takes up the entirety of the available display area. The fullscreen context may have been caused by the fullscreen display mode in the application manifest, by the requestFullscreen() method of the Fullscreen API, or through some other means (such as the user manually activating fullscreen mode using the user agent’s built-in controls). Corresponds to the fullscreen display mode.",
@@ -171,7 +178,7 @@
             },
             {
               "name": "browser",
-              "prose": "The browsing context is displayed using the platform-specific convention for opening hyperlinks in the user agent (e.g., in a browser tab or web browser window with controls such as an address bar). This should be used for non-application contexts where no other display mode is appropriate. Corresponds to the browser display mode.",
+              "prose": "The browsing context is displayed using the platform-specific convention for opening hyperlinks in the user agent (e.g., in a browser tab or web browser window with controls such as an address bar). Only applicable in non-application contexts. Corresponds to the browser display mode.",
               "href": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-browser",
               "type": "value",
               "value": "browser"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.25.18",
+  "version": "6.25.19",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"

package/selectors-5.json

@@ -14,13 +14,13 @@
     },
     {
       "name": ":interest-source",
-      "prose": "The :interest-source pseudo-class applies to an interest source element that the user is currently \"showing interest\" in, and the :interest-target pseudo-class applies to the associated interest target of an element matching :interest-source.",
+      "prose": "The :interest-source pseudo-class applies to an interest source element that the user is currently showing interest in, and the :interest-target pseudo-class applies to the associated interest target of an element matching :interest-source.",
       "href": "https://drafts.csswg.org/selectors-5/#selectordef-interest-source",
       "value": ":interest-source"
     },
     {
       "name": ":interest-target",
-      "prose": "The :interest-source pseudo-class applies to an interest source element that the user is currently \"showing interest\" in, and the :interest-target pseudo-class applies to the associated interest target of an element matching :interest-source.",
+      "prose": "The :interest-source pseudo-class applies to an interest source element that the user is currently showing interest in, and the :interest-target pseudo-class applies to the associated interest target of an element matching :interest-source.",
       "href": "https://drafts.csswg.org/selectors-5/#selectordef-interest-target",
       "value": ":interest-target"
     },
@@ -99,6 +99,12 @@
       "href": "https://drafts.csswg.org/selectors-5/#typedef-combinator",
       "type": "type",
       "value": "'>' | '+' | '~' | [ '|' '|' ] | [ / <wq-name> / ]"
+    },
+    {
+      "name": "<class-selector>",
+      "href": "https://drafts.csswg.org/selectors-5/#typedef-class-selector",
+      "type": "type",
+      "value": "'.' <ident-token> '*'?"
     }
   ]
 }