@webref/css 5.4.4 → 6.1.0

package/css-page-floats.json

@@ -3,8 +3,8 @@
     "title": "CSS Page Floats",
     "url": "https://drafts.csswg.org/css-page-floats-3/"
   },
-  "properties": {
-    "float-reference": {
+  "properties": [
+    {
       "name": "float-reference",
       "value": "inline | column | region | page",
       "initial": "inline",
@@ -14,12 +14,38 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "inline",
+          "prose": "The float reference is the line box of the float anchor. The float containing block formatting context is the same as that of the float anchor. The float is an inline float.",
+          "type": "value",
+          "value": "inline"
+        },
+        {
+          "name": "column",
+          "prose": "The float reference is the column in a multi column environment in which the float anchor is placed. If the float anchor is not inside a column, the float reference is the line box of the float anchor. The float containing block formatting context is a new block formatting context with the same dimensions and placement as the float reference. The float is a page float.",
+          "type": "value",
+          "value": "column"
+        },
+        {
+          "name": "region",
+          "prose": "The float reference is the region in a region-chain within which the float anchor is placed. If the float anchor is not inside a region, the float reference is the line box of the float anchor. The float containing block formatting context is a new block formatting context with the same dimensions and placement as the float reference. The float is a page float.",
+          "type": "value",
+          "value": "region"
+        },
+        {
+          "name": "page",
+          "prose": "The float reference of the float is the page within which the float anchor is placed. If the float anchor is not inside a page, the float reference is the line box of the float anchor. The float containing block formatting context is a new block formatting context with the same dimensions and placement as the float reference. The float is a page float.",
+          "type": "value",
+          "value": "page"
+        }
+      ],
       "styleDeclaration": [
         "float-reference",
         "floatReference"
       ]
     },
-    "float": {
+    {
       "name": "float",
       "value": "block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none",
       "initial": "none",
@@ -29,11 +55,89 @@
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "inline-start",
+          "prose": "If the float reference is a line box, the element generates a box that is floated to the line-start outer edge of the float reference and content flows on the line-end side of the box. If the float reference is not a line box, the element generates a box that is floated to the line-start and block-start outer edges of the float reference.",
+          "type": "value",
+          "value": "inline-start"
+        },
+        {
+          "name": "inline-end",
+          "prose": "If the float reference is a line box, the element generates a box that is floated to the line-ebd outer edge of the float reference and content flows on the line-start side of the box. If the float reference is not a line box, the element generates a box that is floated to the line-end and block-end outer edges of the float reference.",
+          "type": "value",
+          "value": "inline-end"
+        },
+        {
+          "name": "block-start",
+          "prose": "If the float reference is a line box, block-start behaves like inline-start. If the float reference is not a line box, the element generates a box that is floated to the block-start and line-start outer edges of the float reference. The initial value of the max-width or max-height property that refers to the inline size of the float is '100%'. Content flows on the block-end side of the box.",
+          "type": "value",
+          "value": "block-start"
+        },
+        {
+          "name": "block-end",
+          "prose": "If the float reference is a line box, block-end behaves like inline-end. If the float reference is not a line box, the element generates a box that is floated to the block-end and line-end outer edges of the float reference. The initial value of the max-width or max-height property that refers to the inline size of the float is '100%'. Content flows on the block-start side of the box.",
+          "type": "value",
+          "value": "block-end"
+        },
+        {
+          "name": "left",
+          "prose": "If the float reference is a line box, behaves like inline-start or inline-end, whichever corresponds to line-left for the float reference. Otherwise, behaves like block-end, inline-start or inline-end depending on the float containing block’s direction and writing-mode.",
+          "type": "value",
+          "value": "left"
+        },
+        {
+          "name": "right",
+          "prose": "If the float reference is a line box, behaves like inline-start or inline-end, whichever corresponds to line-right for the float reference. Otherwise, behaves like block-start, inline-start or inline-end depending on the float containing block’s direction and writing-mode.",
+          "type": "value",
+          "value": "right"
+        },
+        {
+          "name": "top",
+          "prose": "Behave like block-start or inline-start depending on the float containing block’s direction and writing-mode.",
+          "type": "value",
+          "value": "top"
+        },
+        {
+          "name": "bottom",
+          "prose": "Behave like block-end or inline-end depending on the float containing block’s direction and writing-mode.",
+          "type": "value",
+          "value": "bottom"
+        },
+        {
+          "name": "snap-block()",
+          "value": "snap-block( <length> , [ start | end | near ]? )",
+          "type": "function"
+        },
+        {
+          "name": "snap-block",
+          "prose": "Behaves as snap-block(2em, near)",
+          "type": "value",
+          "value": "snap-block"
+        },
+        {
+          "name": "snap-inline()",
+          "value": "snap-inline( <length> , [ left | right | near ]? )",
+          "type": "function"
+        },
+        {
+          "name": "snap-inline",
+          "prose": "same as snap-inline(2em, near)",
+          "type": "value",
+          "value": "snap-inline"
+        },
+        {
+          "name": "none",
+          "prose": "The box is not floated.",
+          "type": "value",
+          "value": "none"
+        }
+      ],
       "styleDeclaration": [
         "float"
       ]
     },
-    "clear": {
+    {
       "name": "clear",
       "value": "inline-start | inline-end | block-start | block-end | left | right | top | bottom | none",
       "initial": "none",
@@ -43,11 +147,85 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "inline-start",
+          "prose": "If applied to an inline float, requires that the block-start outer edge of the box comes after the block-end outer edge of any inline-start-floats with an inline-start-float-reference that resulted from elements earlier in the source document. If applied to a page float, the float reference in which the page float is placed will be seen as full when determining whether it can host subsequent page floats that float in the inline-start direction.",
+          "type": "value",
+          "value": "inline-start"
+        },
+        {
+          "name": "inline-end",
+          "prose": "If applied to a block-level element or an inline float, requires that the block-start outer edge of the box comes after the block-end outer edge of any inline-end-floats with an inline-end-float-reference that resulted from elements earlier in the source document. If applied to a page float, the float reference in which the page float is placed will be seen as full when determining whether it can host subsequent page floats that float in the inline-end direction.",
+          "type": "value",
+          "value": "inline-end"
+        },
+        {
+          "name": "block-start",
+          "prose": "If applied to a block-level element or an inline float, behaves like inline-start. If applied to a page float, the float reference in which the page float is placed will be seen as full when determining whether it can host subsequent page floats that float in the block-start direction.",
+          "type": "value",
+          "value": "block-start"
+        },
+        {
+          "name": "block-end",
+          "prose": "If applied to a block-level element or an inline float, behaves like inline-end. If applied to a page float, the float reference in which the page float is placed will be seen as full when determining whether it can host subsequent page floats that float in the block-end direction.",
+          "type": "value",
+          "value": "block-end"
+        },
+        {
+          "name": "left",
+          "prose": "Behave like block-end, inline-start or inline-end depending on the float containing block’s direction and writing-mode.",
+          "type": "value",
+          "value": "left"
+        },
+        {
+          "name": "right",
+          "prose": "Behave like block-start, inline-start or inline-end depending on the float containing block’s direction and writing-mode.",
+          "type": "value",
+          "value": "right"
+        },
+        {
+          "name": "top",
+          "prose": "Behave like block-start or inline-start depending on the float containing block’s direction and writing-mode.",
+          "type": "value",
+          "value": "top"
+        },
+        {
+          "name": "bottom",
+          "prose": "Behave like block-end or inline-end depending on the float containing block’s direction and writing-mode.",
+          "type": "value",
+          "value": "bottom"
+        },
+        {
+          "name": "both-inline",
+          "prose": "Behave like inline-start and inline-end.",
+          "type": "value",
+          "value": "both-inline"
+        },
+        {
+          "name": "both-block",
+          "prose": "Behave like block-start and block-end.",
+          "type": "value",
+          "value": "both-block"
+        },
+        {
+          "name": "both",
+          "prose": "Behave like both-inline.",
+          "type": "value",
+          "value": "both"
+        },
+        {
+          "name": "all",
+          "prose": "Behave like both-block and both-inline.",
+          "type": "value",
+          "value": "all"
+        }
+      ],
       "styleDeclaration": [
         "clear"
       ]
     },
-    "float-defer": {
+    {
       "name": "float-defer",
       "value": "<integer> | last | none",
       "initial": "none",
@@ -62,7 +240,7 @@
         "floatDefer"
       ]
     },
-    "float-offset": {
+    {
       "name": "float-offset",
       "value": "<length> | <percentage>",
       "initial": "0",
@@ -77,14 +255,8 @@
         "floatOffset"
       ]
     }
-  },
-  "atrules": {},
-  "valuespaces": {
-    "<snap-block()>": {
-      "value": "snap-block( <length> , [ start | end | near ]? )"
-    },
-    "<snap-inline()>": {
-      "value": "snap-inline( <length> , [ left | right | near ]? )"
-    }
-  }
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": []
 }

package/css-page.json

@@ -3,8 +3,8 @@
     "title": "CSS Paged Media Module Level 3",
     "url": "https://drafts.csswg.org/css-page-3/"
   },
-  "properties": {
-    "page": {
+  "properties": [
+    {
       "name": "page",
       "value": "auto | <custom-ident>",
       "initial": "auto",
@@ -18,118 +18,313 @@
         "page"
       ]
     }
-  },
-  "atrules": {
-    "@page": {
-      "value": "@page <page-selector-list>? { <declaration-list> }",
+  ],
+  "atrules": [
+    {
+      "name": "@page",
+      "prose": "Authors can specify various aspects of a page box, such as its dimensions, orientation, and margins, within an @page rule. @page rules are allowed wherever rule-sets are allowed. An @page rule consists of the keyword @page, an optional comma-separated list of page selectors and a block of declarations (said to be in the page context). An @page rule can also contain other at-rules, interleaved between declarations. The current level of this specification only allows margin at-rules inside @page.",
       "descriptors": [
         {
           "name": "size",
           "for": "@page",
           "value": "<length>{1,2} | auto | [ <page-size> || [ portrait | landscape ] ]",
           "initial": "auto",
-          "computedValue": "specified value, with <length>s made absolute."
+          "computedValue": "specified value, with <length>s made absolute.",
+          "values": [
+            {
+              "name": "auto",
+              "prose": "The page box will be set to a size and orientation chosen by the UA. In the usual case, the page box size and orientation is chosen to match the target media sheet.",
+              "type": "value",
+              "value": "auto"
+            },
+            {
+              "name": "landscape",
+              "prose": "Specifies that the page’s content be printed in landscape orientation. The longer sides of the page box are horizontal. If a <page-size> is not specified, the size of the page sheet is chosen by the UA.",
+              "type": "value",
+              "value": "landscape"
+            },
+            {
+              "name": "portrait",
+              "prose": "Specifies that the page’s content be printed in portrait orientation. The shorter sides of the page box are horizontal. If a <page-size> is not specified, the size of the page sheet is chosen by the UA.",
+              "type": "value",
+              "value": "portrait"
+            },
+            {
+              "name": "<length>",
+              "prose": "The page box will be set to the given absolute dimension(s). If only one length value is specified, it sets both the width and height of the page box (i.e., the box is a square). If two length values are specified, the first establishes the page box width, and the second the page box height. Values in units of em and ex refer to the page context’s font. Negative lengths are illegal.",
+              "type": "value",
+              "value": "<length>"
+            },
+            {
+              "name": "<page-size>",
+              "prose": "A page size can be specified using one of the following media names. This is the equivalent of specifying size using length values. The definition of the media names comes from Media Standardized Names [PWGMSN].",
+              "type": "type",
+              "values": [
+                {
+                  "name": "A5",
+                  "prose": "Equivalent to the size of ISO A5 media: 148mm wide and 210 mm high.",
+                  "type": "value",
+                  "value": "A5"
+                },
+                {
+                  "name": "A4",
+                  "prose": "Equivalent to the size of ISO A4 media: 210 mm wide and 297 mm high.",
+                  "type": "value",
+                  "value": "A4"
+                },
+                {
+                  "name": "A3",
+                  "prose": "Equivalent to the size of ISO A3 media: 297mm wide and 420mm high.",
+                  "type": "value",
+                  "value": "A3"
+                },
+                {
+                  "name": "B5",
+                  "prose": "Equivalent to the size of ISO B5 media: 176mm wide by 250mm high.",
+                  "type": "value",
+                  "value": "B5"
+                },
+                {
+                  "name": "B4",
+                  "prose": "Equivalent to the size of ISO B4 media: 250mm wide by 353mm high.",
+                  "type": "value",
+                  "value": "B4"
+                },
+                {
+                  "name": "JIS-B5",
+                  "prose": "Equivalent to the size of JIS B5 media: 182mm wide by 257mm high.",
+                  "type": "value",
+                  "value": "JIS-B5"
+                },
+                {
+                  "name": "JIS-B4",
+                  "prose": "Equivalent to the size of JIS B4 media: 257mm wide by 364mm high.",
+                  "type": "value",
+                  "value": "JIS-B4"
+                },
+                {
+                  "name": "letter",
+                  "prose": "Equivalent to the size of North American letter media: 8.5 inches wide and 11 inches high",
+                  "type": "value",
+                  "value": "letter"
+                },
+                {
+                  "name": "legal",
+                  "prose": "Equivalent to the size of North American legal: 8.5 inches wide by 14 inches high.",
+                  "type": "value",
+                  "value": "legal"
+                },
+                {
+                  "name": "ledger",
+                  "prose": "Equivalent to the size of North American ledger: 11 inches wide by 17 inches high.",
+                  "type": "value",
+                  "value": "ledger"
+                }
+              ]
+            }
+          ]
         },
         {
           "name": "page-orientation",
           "for": "@page",
           "value": "upright | rotate-left | rotate-right",
           "initial": "upright",
-          "computedValue": "as specified"
+          "computedValue": "as specified",
+          "values": [
+            {
+              "name": "upright",
+              "prose": "No special orientation is applied; the page is laid out and formatted as normal.",
+              "type": "value",
+              "value": "upright"
+            },
+            {
+              "name": "rotate-left",
+              "prose": "After the page has been laid out, if the output medium supports rotation, this value indicates that the page must be displayed rotated a quarter turn to the left (counter-clockwise) of how it was laid out.",
+              "type": "value",
+              "value": "rotate-left"
+            },
+            {
+              "name": "rotate-right",
+              "prose": "Same as rotate-left, except the page must be displayed rotated a quarter turn to the right (clockwise) of how it was laid out.",
+              "type": "value",
+              "value": "rotate-right"
+            }
+          ]
         },
         {
           "name": "marks",
           "for": "@page",
           "value": "none | [ crop || cross ]",
           "initial": "none",
-          "computedValue": "as specified"
+          "computedValue": "as specified",
+          "values": [
+            {
+              "name": "none",
+              "prose": "Specifies that neither crop marks nor registration marks should be printed: the area outside the bleed area will be completely blank.",
+              "type": "value",
+              "value": "none"
+            },
+            {
+              "name": "crop",
+              "prose": "Specifies that crop marks should be printed. These are typically short lines outside the page box that are effectively extensions of the page box’s four edges, thereby indicating the precise location of those edges without placing any ink near or within the page box itself.",
+              "type": "value",
+              "value": "crop"
+            },
+            {
+              "name": "cross",
+              "prose": "Specifies that registration marks should be printed. These are typically cross-shaped marks outside each edge of the page box used to align sheets of paper during the printing process.",
+              "type": "value",
+              "value": "cross"
+            }
+          ]
         },
         {
           "name": "bleed",
           "for": "@page",
           "value": "auto | <length>",
           "initial": "auto",
-          "computedValue": "as specified"
+          "computedValue": "as specified",
+          "values": [
+            {
+              "name": "auto",
+              "prose": "Computes to 6pt if marks has crop and to zero otherwise.",
+              "type": "value",
+              "value": "auto"
+            },
+            {
+              "name": "<length>",
+              "prose": "Specifies by how far outward, in each direction, the bleed area extends past the page box. Values may be negative, but there may be implementation-specific limits.",
+              "type": "value",
+              "value": "<length>"
+            }
+          ]
+        }
+      ],
+      "value": "@page <page-selector-list>? { <declaration-list> }",
+      "values": [
+        {
+          "name": ":left",
+          "prose": "All pages are automatically classified by user agents as either left pages or right pages, based on page progression. The :left and :right pseudo-classes only match left or right pages, respectively.",
+          "type": "value",
+          "value": ":left"
+        },
+        {
+          "name": ":right",
+          "prose": "All pages are automatically classified by user agents as either left pages or right pages, based on page progression. The :left and :right pseudo-classes only match left or right pages, respectively.",
+          "type": "value",
+          "value": ":right"
+        },
+        {
+          "name": ":first",
+          "prose": "The :first pseudo-class matches the first printed page of a document.",
+          "type": "value",
+          "value": ":first"
+        },
+        {
+          "name": ":blank",
+          "prose": "The :blank pseudo-class matches content-empty pages that appear as a result of forced page breaks.",
+          "type": "value",
+          "value": ":blank"
         }
       ]
     },
-    "@top-left-corner": {
-      "value": "@top-left-corner { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@top-left-corner",
+      "descriptors": [],
+      "value": "@top-left-corner { <declaration-list> };"
     },
-    "@top-left": {
-      "value": "@top-left { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@top-left",
+      "descriptors": [],
+      "value": "@top-left { <declaration-list> };"
     },
-    "@top-center": {
-      "value": "@top-center { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@top-center",
+      "descriptors": [],
+      "value": "@top-center { <declaration-list> };"
     },
-    "@top-right": {
-      "value": "@top-right { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@top-right",
+      "descriptors": [],
+      "value": "@top-right { <declaration-list> };"
     },
-    "@top-right-corner": {
-      "value": "@top-right-corner { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@top-right-corner",
+      "descriptors": [],
+      "value": "@top-right-corner { <declaration-list> };"
     },
-    "@bottom-left-corner": {
-      "value": "@bottom-left-corner { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@bottom-left-corner",
+      "descriptors": [],
+      "value": "@bottom-left-corner { <declaration-list> };"
     },
-    "@bottom-left": {
-      "value": "@bottom-left { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@bottom-left",
+      "descriptors": [],
+      "value": "@bottom-left { <declaration-list> };"
     },
-    "@bottom-center": {
-      "value": "@bottom-center { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@bottom-center",
+      "descriptors": [],
+      "value": "@bottom-center { <declaration-list> };"
     },
-    "@bottom-right": {
-      "value": "@bottom-right { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@bottom-right",
+      "descriptors": [],
+      "value": "@bottom-right { <declaration-list> };"
     },
-    "@bottom-right-corner": {
-      "value": "@bottom-right-corner { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@bottom-right-corner",
+      "descriptors": [],
+      "value": "@bottom-right-corner { <declaration-list> };"
     },
-    "@left-top": {
-      "value": "@left-top { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@left-top",
+      "descriptors": [],
+      "value": "@left-top { <declaration-list> };"
     },
-    "@left-middle": {
-      "value": "@left-middle { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@left-middle",
+      "descriptors": [],
+      "value": "@left-middle { <declaration-list> };"
     },
-    "@left-bottom": {
-      "value": "@left-bottom { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@left-bottom",
+      "descriptors": [],
+      "value": "@left-bottom { <declaration-list> };"
     },
-    "@right-top": {
-      "value": "@right-top { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@right-top",
+      "descriptors": [],
+      "value": "@right-top { <declaration-list> };"
     },
-    "@right-middle": {
-      "value": "@right-middle { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@right-middle",
+      "descriptors": [],
+      "value": "@right-middle { <declaration-list> };"
     },
-    "@right-bottom": {
-      "value": "@right-bottom { <declaration-list> };",
-      "descriptors": []
+    {
+      "name": "@right-bottom",
+      "descriptors": [],
+      "value": "@right-bottom { <declaration-list> };"
     }
-  },
-  "valuespaces": {
-    "<page-size>": {
-      "prose": "A page size can be specified using one of the following media names. This is the equivalent of specifying size using length values. The definition of the media names comes from Media Standardized Names [PWGMSN]."
-    },
-    "<page-selector-list>": {
+  ],
+  "selectors": [],
+  "values": [
+    {
+      "name": "<page-selector-list>",
+      "type": "type",
       "value": "<page-selector>#"
     },
-    "<page-selector>": {
+    {
+      "name": "<page-selector>",
+      "type": "type",
       "value": "[ <ident-token>? <pseudo-page>* ]!"
     },
-    "<pseudo-page>": {
+    {
+      "name": "<pseudo-page>",
+      "type": "type",
       "value": "':' [ left | right | first | blank ]"
     }
-  }
+  ]
 }

package/css-paint-api.json

@@ -3,11 +3,14 @@
     "title": "CSS Painting API Level 1",
     "url": "https://drafts.css-houdini.org/css-paint-api-1/"
   },
-  "properties": {},
-  "atrules": {},
-  "valuespaces": {
-    "<paint()>": {
+  "properties": [],
+  "atrules": [],
+  "selectors": [],
+  "values": [
+    {
+      "name": "paint()",
+      "type": "function",
       "value": "paint( <ident>, <declaration-value>? )"
     }
-  }
+  ]
 }