@webref/css 5.4.4 → 6.1.0

package/css-scroll-snap.json

@@ -3,8 +3,8 @@
     "title": "CSS Scroll Snap Module Level 1",
     "url": "https://drafts.csswg.org/css-scroll-snap-1/"
   },
-  "properties": {
-    "scroll-snap-type": {
+  "properties": [
+    {
       "name": "scroll-snap-type",
       "value": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
       "initial": "none",
@@ -14,12 +14,62 @@
       "computedValue": "specified keyword(s)",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "x",
+          "prose": "The scroll container snaps to snap positions in its horizontal axis only.",
+          "type": "value",
+          "value": "x"
+        },
+        {
+          "name": "y",
+          "prose": "The scroll container snaps to snap positions in its vertical axis only.",
+          "type": "value",
+          "value": "y"
+        },
+        {
+          "name": "block",
+          "prose": "The scroll container snaps to snap positions in its block axis only.",
+          "type": "value",
+          "value": "block"
+        },
+        {
+          "name": "inline",
+          "prose": "The scroll container snaps to snap positions in its inline axis only.",
+          "type": "value",
+          "value": "inline"
+        },
+        {
+          "name": "both",
+          "prose": "The scroll container snaps to snap positions in both of its axes independently (potentially snapping to different elements in each axis).",
+          "type": "value",
+          "value": "both"
+        },
+        {
+          "name": "none",
+          "prose": "If specified on a scroll container, the scroll container must not snap.",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "mandatory",
+          "prose": "If specified on a scroll container, the scroll container is required to be snapped to a snap position when there are no active scrolling operations. If a valid snap position exists then the scroll container must snap at the termination of a scroll (if none exist then no snapping occurs).",
+          "type": "value",
+          "value": "mandatory"
+        },
+        {
+          "name": "proximity",
+          "prose": "If specified on a scroll container, the scroll container may snap to a snap position at the termination of a scroll, at the discretion of the UA given the parameters of the scroll.",
+          "type": "value",
+          "value": "proximity"
+        }
+      ],
       "styleDeclaration": [
         "scroll-snap-type",
         "scrollSnapType"
       ]
     },
-    "scroll-padding": {
+    {
       "name": "scroll-padding",
       "value": "[ auto | <length-percentage [0,∞]> ]{1,4}",
       "initial": "auto",
@@ -29,12 +79,26 @@
       "computedValue": "per side, either the keyword auto or a computed <length-percentage> value",
       "animationType": "by computed value type",
       "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Defines an inward offset from the corresponding edge of the scrollport. When applied to the root viewport, the offset is calculated and applied relative to the layout viewport (rather than the visual viewport) the same way as the corresponding inset properties on fixed-positioned boxes; the optimal viewing region is the remaining area that intersects with the visual viewport.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        },
+        {
+          "name": "auto",
+          "prose": "Indicates that the offset for the corresponding edge of the scrollport is UA-determined. This should generally default to a used length of 0px, but UAs may use heuristics to detect when a non-zero value is more appropriate. For example, a UA could detect when a position:fixed element is being used as an opaque unscrollable “header” that obscures the content below it, and resolve the top offset to the height of that element so that a “page down” operation (such as pressing PgDn) automatically scrolls by one “visible page” of content.",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "scroll-padding",
         "scrollPadding"
       ]
     },
-    "scroll-margin": {
+    {
       "name": "scroll-margin",
       "value": "<length>{1,4}",
       "initial": "0",
@@ -49,7 +113,7 @@
         "scrollMargin"
       ]
     },
-    "scroll-snap-align": {
+    {
       "name": "scroll-snap-align",
       "value": "[ none | start | end | center ]{1,2}",
       "initial": "none",
@@ -59,12 +123,38 @@
       "computedValue": "two keywords",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "none",
+          "prose": "This box does not define a snap position in the specified axis.",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "start",
+          "prose": "Start alignment of this box’s scroll snap area within the scroll container’s snapport is a snap position in the specified axis.",
+          "type": "value",
+          "value": "start"
+        },
+        {
+          "name": "end",
+          "prose": "End alignment of this box’s scroll snap area within the scroll container’s snapport is a snap position in the specified axis.",
+          "type": "value",
+          "value": "end"
+        },
+        {
+          "name": "center",
+          "prose": "Center alignment of this box’s scroll snap area within the scroll container’s snapport is a snap position in the specified axis.",
+          "type": "value",
+          "value": "center"
+        }
+      ],
       "styleDeclaration": [
         "scroll-snap-align",
         "scrollSnapAlign"
       ]
     },
-    "scroll-snap-stop": {
+    {
       "name": "scroll-snap-stop",
       "value": "normal | always",
       "initial": "normal",
@@ -74,12 +164,26 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "normal",
+          "prose": "The scroll container may pass over a snap position defined by this element during the execution of a scrolling operation.",
+          "type": "value",
+          "value": "normal"
+        },
+        {
+          "name": "always",
+          "prose": "The scroll container must not pass over a snap position defined by this element during the execution of a scrolling operation; it must instead snap to the first of this element’s snap positions.",
+          "type": "value",
+          "value": "always"
+        }
+      ],
       "styleDeclaration": [
         "scroll-snap-stop",
         "scrollSnapStop"
       ]
     },
-    "scroll-padding-top": {
+    {
       "name": "scroll-padding-top",
       "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
@@ -94,7 +198,7 @@
         "scrollPaddingTop"
       ]
     },
-    "scroll-padding-right": {
+    {
       "name": "scroll-padding-right",
       "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
@@ -109,7 +213,7 @@
         "scrollPaddingRight"
       ]
     },
-    "scroll-padding-bottom": {
+    {
       "name": "scroll-padding-bottom",
       "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
@@ -124,7 +228,7 @@
         "scrollPaddingBottom"
       ]
     },
-    "scroll-padding-left": {
+    {
       "name": "scroll-padding-left",
       "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
@@ -139,7 +243,7 @@
         "scrollPaddingLeft"
       ]
     },
-    "scroll-padding-inline-start": {
+    {
       "name": "scroll-padding-inline-start",
       "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
@@ -149,12 +253,26 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Defines an inward offset from the corresponding edge of the scrollport. When applied to the root viewport, the offset is calculated and applied relative to the layout viewport (rather than the visual viewport) the same way as the corresponding inset properties on fixed-positioned boxes; the optimal viewing region is the remaining area that intersects with the visual viewport.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        },
+        {
+          "name": "auto",
+          "prose": "Indicates that the offset for the corresponding edge of the scrollport is UA-determined. This should generally default to a used length of 0px, but UAs may use heuristics to detect when a non-zero value is more appropriate. For example, a UA could detect when a position:fixed element is being used as an opaque unscrollable “header” that obscures the content below it, and resolve the top offset to the height of that element so that a “page down” operation (such as pressing PgDn) automatically scrolls by one “visible page” of content.",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "scroll-padding-inline-start",
         "scrollPaddingInlineStart"
       ]
     },
-    "scroll-padding-block-start": {
+    {
       "name": "scroll-padding-block-start",
       "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
@@ -164,12 +282,26 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Defines an inward offset from the corresponding edge of the scrollport. When applied to the root viewport, the offset is calculated and applied relative to the layout viewport (rather than the visual viewport) the same way as the corresponding inset properties on fixed-positioned boxes; the optimal viewing region is the remaining area that intersects with the visual viewport.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        },
+        {
+          "name": "auto",
+          "prose": "Indicates that the offset for the corresponding edge of the scrollport is UA-determined. This should generally default to a used length of 0px, but UAs may use heuristics to detect when a non-zero value is more appropriate. For example, a UA could detect when a position:fixed element is being used as an opaque unscrollable “header” that obscures the content below it, and resolve the top offset to the height of that element so that a “page down” operation (such as pressing PgDn) automatically scrolls by one “visible page” of content.",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "scroll-padding-block-start",
         "scrollPaddingBlockStart"
       ]
     },
-    "scroll-padding-inline-end": {
+    {
       "name": "scroll-padding-inline-end",
       "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
@@ -179,12 +311,26 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Defines an inward offset from the corresponding edge of the scrollport. When applied to the root viewport, the offset is calculated and applied relative to the layout viewport (rather than the visual viewport) the same way as the corresponding inset properties on fixed-positioned boxes; the optimal viewing region is the remaining area that intersects with the visual viewport.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        },
+        {
+          "name": "auto",
+          "prose": "Indicates that the offset for the corresponding edge of the scrollport is UA-determined. This should generally default to a used length of 0px, but UAs may use heuristics to detect when a non-zero value is more appropriate. For example, a UA could detect when a position:fixed element is being used as an opaque unscrollable “header” that obscures the content below it, and resolve the top offset to the height of that element so that a “page down” operation (such as pressing PgDn) automatically scrolls by one “visible page” of content.",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "scroll-padding-inline-end",
         "scrollPaddingInlineEnd"
       ]
     },
-    "scroll-padding-block-end": {
+    {
       "name": "scroll-padding-block-end",
       "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
@@ -194,12 +340,26 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Defines an inward offset from the corresponding edge of the scrollport. When applied to the root viewport, the offset is calculated and applied relative to the layout viewport (rather than the visual viewport) the same way as the corresponding inset properties on fixed-positioned boxes; the optimal viewing region is the remaining area that intersects with the visual viewport.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        },
+        {
+          "name": "auto",
+          "prose": "Indicates that the offset for the corresponding edge of the scrollport is UA-determined. This should generally default to a used length of 0px, but UAs may use heuristics to detect when a non-zero value is more appropriate. For example, a UA could detect when a position:fixed element is being used as an opaque unscrollable “header” that obscures the content below it, and resolve the top offset to the height of that element so that a “page down” operation (such as pressing PgDn) automatically scrolls by one “visible page” of content.",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "scroll-padding-block-end",
         "scrollPaddingBlockEnd"
       ]
     },
-    "scroll-padding-block": {
+    {
       "name": "scroll-padding-block",
       "value": "[ auto | <length-percentage [0,∞]> ]{1,2}",
       "initial": "auto",
@@ -209,12 +369,26 @@
       "computedValue": "see individual properties",
       "animationType": "by computed value",
       "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Defines an inward offset from the corresponding edge of the scrollport. When applied to the root viewport, the offset is calculated and applied relative to the layout viewport (rather than the visual viewport) the same way as the corresponding inset properties on fixed-positioned boxes; the optimal viewing region is the remaining area that intersects with the visual viewport.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        },
+        {
+          "name": "auto",
+          "prose": "Indicates that the offset for the corresponding edge of the scrollport is UA-determined. This should generally default to a used length of 0px, but UAs may use heuristics to detect when a non-zero value is more appropriate. For example, a UA could detect when a position:fixed element is being used as an opaque unscrollable “header” that obscures the content below it, and resolve the top offset to the height of that element so that a “page down” operation (such as pressing PgDn) automatically scrolls by one “visible page” of content.",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "scroll-padding-block",
         "scrollPaddingBlock"
       ]
     },
-    "scroll-padding-inline": {
+    {
       "name": "scroll-padding-inline",
       "value": "[ auto | <length-percentage [0,∞]> ]{1,2}",
       "initial": "auto",
@@ -224,12 +398,26 @@
       "computedValue": "see individual properties",
       "animationType": "by computed value",
       "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "<length-percentage [0,∞]>",
+          "prose": "Defines an inward offset from the corresponding edge of the scrollport. When applied to the root viewport, the offset is calculated and applied relative to the layout viewport (rather than the visual viewport) the same way as the corresponding inset properties on fixed-positioned boxes; the optimal viewing region is the remaining area that intersects with the visual viewport.",
+          "type": "value",
+          "value": "<length-percentage [0,∞]>"
+        },
+        {
+          "name": "auto",
+          "prose": "Indicates that the offset for the corresponding edge of the scrollport is UA-determined. This should generally default to a used length of 0px, but UAs may use heuristics to detect when a non-zero value is more appropriate. For example, a UA could detect when a position:fixed element is being used as an opaque unscrollable “header” that obscures the content below it, and resolve the top offset to the height of that element so that a “page down” operation (such as pressing PgDn) automatically scrolls by one “visible page” of content.",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "scroll-padding-inline",
         "scrollPaddingInline"
       ]
     },
-    "scroll-margin-top": {
+    {
       "name": "scroll-margin-top",
       "value": "<length>",
       "initial": "0",
@@ -244,7 +432,7 @@
         "scrollMarginTop"
       ]
     },
-    "scroll-margin-right": {
+    {
       "name": "scroll-margin-right",
       "value": "<length>",
       "initial": "0",
@@ -259,7 +447,7 @@
         "scrollMarginRight"
       ]
     },
-    "scroll-margin-bottom": {
+    {
       "name": "scroll-margin-bottom",
       "value": "<length>",
       "initial": "0",
@@ -274,7 +462,7 @@
         "scrollMarginBottom"
       ]
     },
-    "scroll-margin-left": {
+    {
       "name": "scroll-margin-left",
       "value": "<length>",
       "initial": "0",
@@ -289,7 +477,7 @@
         "scrollMarginLeft"
       ]
     },
-    "scroll-margin-block-start": {
+    {
       "name": "scroll-margin-block-start",
       "value": "<length>",
       "initial": "0",
@@ -304,7 +492,7 @@
         "scrollMarginBlockStart"
       ]
     },
-    "scroll-margin-inline-start": {
+    {
       "name": "scroll-margin-inline-start",
       "value": "<length>",
       "initial": "0",
@@ -319,7 +507,7 @@
         "scrollMarginInlineStart"
       ]
     },
-    "scroll-margin-block-end": {
+    {
       "name": "scroll-margin-block-end",
       "value": "<length>",
       "initial": "0",
@@ -334,7 +522,7 @@
         "scrollMarginBlockEnd"
       ]
     },
-    "scroll-margin-inline-end": {
+    {
       "name": "scroll-margin-inline-end",
       "value": "<length>",
       "initial": "0",
@@ -349,7 +537,7 @@
         "scrollMarginInlineEnd"
       ]
     },
-    "scroll-margin-block": {
+    {
       "name": "scroll-margin-block",
       "value": "<length>{1,2}",
       "initial": "0",
@@ -364,7 +552,7 @@
         "scrollMarginBlock"
       ]
     },
-    "scroll-margin-inline": {
+    {
       "name": "scroll-margin-inline",
       "value": "<length>{1,2}",
       "initial": "0",
@@ -379,7 +567,8 @@
         "scrollMarginInline"
       ]
     }
-  },
-  "atrules": {},
-  "valuespaces": {}
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": []
 }

package/css-scrollbars.json

@@ -3,8 +3,8 @@
     "title": "CSS Scrollbars Styling Module Level 1",
     "url": "https://drafts.csswg.org/css-scrollbars-1/"
   },
-  "properties": {
-    "scrollbar-color": {
+  "properties": [
+    {
       "name": "scrollbar-color",
       "value": "auto | <color>{2}",
       "initial": "auto",
@@ -14,12 +14,26 @@
       "computedValue": "specified keyword or two computed colors",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "The user agent determines the colors of the scrollbar. It should follow platform conventions, but may adjust the colors in accordance with color-scheme or other contextual information to better suit the page.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "<color>",
+          "prose": "apply the first color to the thumb of the scrollbar, and the second color to the track of the scrollbar.",
+          "type": "value",
+          "value": "<color>"
+        }
+      ],
       "styleDeclaration": [
         "scrollbar-color",
         "scrollbarColor"
       ]
     },
-    "scrollbar-width": {
+    {
       "name": "scrollbar-width",
       "value": "auto | thin | none",
       "initial": "auto",
@@ -29,12 +43,33 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Implementations must use the default scrollbar width.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "thin",
+          "prose": "Implementations should use thinner scrollbars than auto. This may mean a thin variant of scrollbar provided by the platform, or a custom scrollbar thinner than the default platform scrollbar. The scrollbar must nonetheless remain wide enough to be usable. (Implementers may wish to consult WCAG 2.1 SC 2.5.5 Target Size. [WCAG21]) User agents may disregard this value and treat it as auto, for instance when the user has indicated discomfort for thin scrollbars through some UA or OS setting. (User agents are encouraged to provide such a setting.)",
+          "type": "value",
+          "value": "thin"
+        },
+        {
+          "name": "none",
+          "prose": "Implementations must not display any scrollbar, however the element’s scrollability by other means is not affected. Using this value can prevent mouse-only users from being able to scroll. Authors should ensure that mouse-only users can still reach hidden content, even if they have no scrollwheel. Authors that use none should provide an alternative/equivalent visual hint that scrolling is possible and there is more content.",
+          "type": "value",
+          "value": "none"
+        }
+      ],
       "styleDeclaration": [
         "scrollbar-width",
         "scrollbarWidth"
       ]
     }
-  },
-  "atrules": {},
-  "valuespaces": {}
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": []
 }

package/css-shadow-parts.json

@@ -3,11 +3,14 @@
     "title": "CSS Shadow Parts",
     "url": "https://drafts.csswg.org/css-shadow-parts-1/"
   },
-  "properties": {},
-  "atrules": {},
-  "valuespaces": {
-    "<::part()>": {
+  "properties": [],
+  "atrules": [],
+  "selectors": [
+    {
+      "name": "::part()",
+      "prose": "The ::part() pseudo-element allows you to select elements that have been exposed via a part attribute. The syntax is:",
       "value": "::part( <ident>+ )"
     }
-  }
+  ],
+  "values": []
 }