@webref/css 5.4.4 → 6.1.0

package/css-multicol.json

@@ -3,8 +3,8 @@
     "title": "CSS Multi-column Layout Module Level 1",
     "url": "https://drafts.csswg.org/css-multicol-1/"
   },
-  "properties": {
-    "column-width": {
+  "properties": [
+    {
       "name": "column-width",
       "value": "auto | <length [0,∞]>",
       "initial": "auto",
@@ -14,12 +14,26 @@
       "computedValue": "the keyword auto or an absolute length",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "means that the column width will be determined by other properties (e.g., column-count, if it has a non-auto value).",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "<length [0,∞]>",
+          "prose": "describes the optimal column width. The actual column width may be wider (to fill the available space), or narrower (only if the available space is smaller than the specified column width). Negative values are not allowed. Used values will be clamped to a minimum of 1px.",
+          "type": "value",
+          "value": "<length [0,∞]>"
+        }
+      ],
       "styleDeclaration": [
         "column-width",
         "columnWidth"
       ]
     },
-    "column-count": {
+    {
       "name": "column-count",
       "value": "auto | <integer [1,∞]>",
       "initial": "auto",
@@ -29,12 +43,26 @@
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
       "animatable": "by computed value",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "means that the number of columns will be determined by other properties (e.g., column-width, if it has a non-auto value).",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "<integer [1,∞]>",
+          "prose": "describes the optimal number of columns into which the content of the element will be flowed. Values must be greater than 0. If both column-width and column-count have non-auto values, the integer value describes the maximum number of columns.",
+          "type": "value",
+          "value": "<integer [1,∞]>"
+        }
+      ],
       "styleDeclaration": [
         "column-count",
         "columnCount"
       ]
     },
-    "columns": {
+    {
       "name": "columns",
       "value": "<'column-width'> || <'column-count'>",
       "initial": "see individual properties",
@@ -48,7 +76,7 @@
         "columns"
       ]
     },
-    "column-rule-color": {
+    {
       "name": "column-rule-color",
       "value": "<color>",
       "initial": "currentcolor",
@@ -58,12 +86,20 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "<color>",
+          "prose": "Specifies the color of the column rule.",
+          "type": "value",
+          "value": "<color>"
+        }
+      ],
       "styleDeclaration": [
         "column-rule-color",
         "columnRuleColor"
       ]
     },
-    "column-rule-style": {
+    {
       "name": "column-rule-style",
       "value": "<line-style>",
       "initial": "none",
@@ -78,7 +114,7 @@
         "columnRuleStyle"
       ]
     },
-    "column-rule-width": {
+    {
       "name": "column-rule-width",
       "value": "<line-width>",
       "initial": "medium",
@@ -93,7 +129,7 @@
         "columnRuleWidth"
       ]
     },
-    "column-rule": {
+    {
       "name": "column-rule",
       "value": "<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>",
       "initial": "see individual properties",
@@ -108,7 +144,7 @@
         "columnRule"
       ]
     },
-    "column-span": {
+    {
       "name": "column-span",
       "value": "none | all",
       "initial": "none",
@@ -118,12 +154,26 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "none",
+          "prose": "The element does not span multiple columns.",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "all",
+          "prose": "The element forces a column break and is taken out of flow to span across all columns of the nearest multicol ancestor in the same block formatting context. Content in the normal flow that appears before the element is automatically balanced across all columns in the immediately preceding multi-column line before the element appears, and any subsequent content flows into a new multi-column line after the element. The element establishes an independent formatting context.",
+          "type": "value",
+          "value": "all"
+        }
+      ],
       "styleDeclaration": [
         "column-span",
         "columnSpan"
       ]
     },
-    "column-fill": {
+    {
       "name": "column-fill",
       "value": "auto | balance | balance-all",
       "initial": "balance",
@@ -133,12 +183,33 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "balance",
+          "prose": "Balance content equally between columns, as far as possible. In fragmented contexts, only the last fragment is balanced.",
+          "type": "value",
+          "value": "balance"
+        },
+        {
+          "name": "balance-all",
+          "prose": "Balance content equally between columns, as far as possible. In fragmented contexts, all fragments are balanced.",
+          "type": "value",
+          "value": "balance-all"
+        },
+        {
+          "name": "auto",
+          "prose": "fill columns sequentially",
+          "type": "value",
+          "value": "auto"
+        }
+      ],
       "styleDeclaration": [
         "column-fill",
         "columnFill"
       ]
     }
-  },
-  "atrules": {},
-  "valuespaces": {}
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": []
 }

package/css-namespaces.json

@@ -3,16 +3,21 @@
     "title": "CSS Namespaces Module Level 3",
     "url": "https://drafts.csswg.org/css-namespaces-3/"
   },
-  "properties": {},
-  "atrules": {
-    "@namespace": {
-      "value": "@namespace <namespace-prefix>? [ <string> | <url> ] ;",
-      "descriptors": []
-    }
-  },
-  "valuespaces": {
-    "<namespace-prefix>": {
+  "properties": [],
+  "atrules": [],
+  "selectors": [],
+  "values": [
+    {
+      "name": "<namespace-prefix>",
+      "type": "type",
       "value": "<ident>"
     }
-  }
+  ],
+  "warnings": [
+    {
+      "msg": "Missing definition",
+      "name": "@namespace",
+      "value": "@namespace <namespace-prefix>? [ <string> | <url> ] ;"
+    }
+  ]
 }

package/css-nav.json

@@ -3,8 +3,8 @@
     "title": "CSS Spatial Navigation Level 1",
     "url": "https://drafts.csswg.org/css-nav-1/"
   },
-  "properties": {
-    "spatial-navigation-contain": {
+  "properties": [
+    {
       "name": "spatial-navigation-contain",
       "value": "auto | contain",
       "initial": "auto",
@@ -13,12 +13,26 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "If the element is a scroll container then it establishes a spatial navigation container, otherwise it does not.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "contain",
+          "prose": "The element establishes a spatial navigation container",
+          "type": "value",
+          "value": "contain"
+        }
+      ],
       "styleDeclaration": [
         "spatial-navigation-contain",
         "spatialNavigationContain"
       ]
     },
-    "spatial-navigation-action": {
+    {
       "name": "spatial-navigation-action",
       "value": "auto | focus | scroll",
       "initial": "auto",
@@ -27,12 +41,32 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "If there are visible focusable elements within the scroll container in the direction requested, the closest one becomes focused. Otherwise, the scroll container is scrolled in the direction requested.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "focus",
+          "prose": "The focus is moved to the nearest focusable element within the scroll container, regardless of whether it is visible. If there are none, the scroll container is not scrolled, and the search continues up the ancestry chain instead.",
+          "type": "value",
+          "value": "focus"
+        },
+        {
+          "name": "scroll",
+          "prose": "If the currently focused element is not itself a scroll container, this value on an ancestor scroll container has the same effect as auto. If the currently focused element is a scroll container, it is scrolled in the direction requested without changing which element is in focus, regardless of the presence of focusable descendants.",
+          "type": "value",
+          "value": "scroll"
+        }
+      ],
       "styleDeclaration": [
         "spatial-navigation-action",
         "spatialNavigationAction"
       ]
     },
-    "spatial-navigation-function": {
+    {
       "name": "spatial-navigation-function",
       "value": "normal | grid",
       "initial": "normal",
@@ -41,12 +75,34 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "values": [
+        {
+          "name": "normal",
+          "prose": "Moves the focus with the default focus navigation algorithm defined by UA. In general, the focus moves to the element with the closest distance calculated by finding the shortest distance.",
+          "type": "value",
+          "value": "normal"
+        },
+        {
+          "name": "grid",
+          "prose": "Moves the focus to the element which is aligned most in the navigation direction. If there are more than one aligned candidates in the navigation direction, select the element with the closest distance along the axis which corresponds to the navigation direction. In case of multiple elements with the same distance, select the element with the minimum amount of alignment. Else if there isn’t any aligned candidate in a given direction, select the element with the closest distance along the axis which corresponds to the navigation direction. In case of multiple elements with the same distance, select the element with the minimum distance along the axis which is orthogonal to the navigation direction.",
+          "type": "value",
+          "value": "grid"
+        }
+      ],
       "styleDeclaration": [
         "spatial-navigation-function",
         "spatialNavigationFunction"
       ]
     }
-  },
-  "atrules": {},
-  "valuespaces": {}
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": [],
+  "warnings": [
+    {
+      "msg": "Missing definition",
+      "name": "distance",
+      "value": "euclidean + displacement - alignment - sqrt(Overlap)"
+    }
+  ]
 }

package/css-nesting.json

@@ -0,0 +1,15 @@
+{
+  "spec": {
+    "title": "CSS Nesting Module",
+    "url": "https://drafts.csswg.org/css-nesting-1/"
+  },
+  "properties": [],
+  "atrules": [],
+  "selectors": [
+    {
+      "name": "&",
+      "prose": "When using a nested style rule, one must be able to refer to the elements matched by the parent rule; that is, after all, the entire point of nesting. To accomplish that, this specification defines a new selector, the nesting selector, written as & (U+0026 AMPERSAND)."
+    }
+  ],
+  "values": []
+}

package/css-overflow-4.json

@@ -3,8 +3,8 @@
     "title": "CSS Overflow Module Level 4",
     "url": "https://drafts.csswg.org/css-overflow-4/"
   },
-  "properties": {
-    "text-overflow": {
+  "properties": [
+    {
       "name": "text-overflow",
       "value": "[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}",
       "initial": "clip",
@@ -14,12 +14,37 @@
       "computedValue": "as specified, with lengths made absolute",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "clip",
+          "prose": "Clip inline content that overflows its block container element. Characters may be only partially rendered.",
+          "type": "value",
+          "value": "clip"
+        },
+        {
+          "name": "ellipsis",
+          "prose": "Render an ellipsis character (U+2026) to represent clipped inline content. Implementations may substitute a more language, script, or writing-mode appropriate ellipsis character, or three dots \"...\" if the ellipsis character is unavailable.",
+          "type": "value",
+          "value": "ellipsis"
+        },
+        {
+          "name": "fade()",
+          "value": "fade( [ <length> | <percentage> ] )",
+          "type": "function"
+        },
+        {
+          "name": "fade",
+          "prose": "Same as fade(), but the distance over which the fading effect is applied is determined by the UA. 1em is suggested as a reasonable value.",
+          "type": "value",
+          "value": "fade"
+        }
+      ],
       "styleDeclaration": [
         "text-overflow",
         "textOverflow"
       ]
     },
-    "continue": {
+    {
       "name": "continue",
       "value": "auto | overflow | paginate | fragments | discard",
       "initial": "auto",
@@ -29,11 +54,43 @@
       "computedValue": "see below",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "auto may only occur as a computed value if the element is a CSS Region other than the last one in a region chain. Content that doesn’t fit is pushed to the next region of the chain. In all other cases, auto computes to one of the other values.",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "overflow",
+          "prose": "Content that doesn’t fit overflows, according to the overflow property",
+          "type": "value",
+          "value": "overflow"
+        },
+        {
+          "name": "discard",
+          "prose": "Content that doesn’t fit is discarded at a fragmentation break When the element isn’t a fragmentation container already, should this work by turning it directly into one, or by creating a fragment box inside it like fragments does?",
+          "type": "value",
+          "value": "discard"
+        },
+        {
+          "name": "paginate",
+          "prose": "Content that doesn’t fit paginates. This creates a paginated view inside the element similar to the way that 'overflow: scroll' creates a scrollable view. See paginated overflow",
+          "type": "value",
+          "value": "paginate"
+        },
+        {
+          "name": "fragments",
+          "prose": "content that doesn’t fit causes the element to copy itself and continue laying out. See fragment overflow.",
+          "type": "value",
+          "value": "fragments"
+        }
+      ],
       "styleDeclaration": [
         "continue"
       ]
     },
-    "max-lines": {
+    {
       "name": "max-lines",
       "value": "none | <integer>",
       "initial": "none",
@@ -43,16 +100,32 @@
       "computedValue": "the keyword none or an integer",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "values": [
+        {
+          "name": "none",
+          "prose": "Breaks occur only as specified elsewhere.",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "<integer>",
+          "prose": "In addition to any breaks specified elsewhere, a break is forced before any line that would exceed the given number of lines being placed inside the element (excluding lines that are in a different block formatting context from the block formatting context to which an unstyled child of the element would belong). If there are multiple boundaries between this line and the previous, where exactly (in terms of element boundaries) is the break forced? Only positive integers are accepted. Zero or negative integers are a parse error.",
+          "type": "value",
+          "value": "<integer>"
+        }
+      ],
       "styleDeclaration": [
         "max-lines",
         "maxLines"
       ]
     }
-  },
-  "atrules": {},
-  "valuespaces": {
-    "<fade()>": {
-      "value": "fade( [ <length> | <percentage> ] )"
+  ],
+  "atrules": [],
+  "selectors": [
+    {
+      "name": "::nth-fragment()",
+      "prose": "The ::nth-fragment() pseudo-element is a pseudo-element that describes some of the fragment boxes generated by an element. The argument to the pseudo-element takes the same syntax as the argument to the :nth-child() pseudo-class defined in [SELECT], and has the same meaning except that the number is relative to fragment boxes generated by the element instead of siblings of the element."
     }
-  }
+  ],
+  "values": []
 }