@webref/css 6.10.3 → 6.11.0

package/css-variables.json

@@ -10,10 +10,12 @@
     {
       "name": "<custom-property-name>",
       "prose": "A custom property is any property whose name starts with two dashes (U+002D HYPHEN-MINUS), like --foo. The <custom-property-name> production corresponds to this: it’s defined as any <dashed-ident> (a valid identifier that starts with two dashes), except -- itself, which is reserved for future use by CSS. Custom properties are solely for use by authors and users; CSS will never give them a meaning beyond what is presented here.",
+      "href": "https://drafts.csswg.org/css-variables-2/#typedef-custom-property-name",
       "type": "type"
     },
     {
       "name": "var()",
+      "href": "https://drafts.csswg.org/css-variables-2/#funcdef-var",
       "type": "function",
       "value": "var( <custom-property-name> , <declaration-value>? )"
     }

package/css-view-transitions-2.json

@@ -7,9 +7,11 @@
   "atrules": [
     {
       "name": "@view-transition",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#at-view-transition-rule",
       "descriptors": [
         {
           "name": "navigation",
+          "href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-navigation",
           "for": "@view-transition",
           "value": "auto | none",
           "initial": "none",
@@ -17,12 +19,14 @@
             {
               "name": "none",
               "prose": "There will be no transition.",
+              "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-none",
               "type": "value",
               "value": "none"
             },
             {
               "name": "auto",
               "prose": "The transition will be enabled if the navigation is same-origin, without cross-origin redirects, and whoes NavigationType is traverse or push or replace with user navigation involvement not equal to \"browser UI\".",
+              "href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-auto",
               "type": "value",
               "value": "auto"
             }
@@ -30,6 +34,7 @@
         },
         {
           "name": "type",
+          "href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-type",
           "for": "@view-transition",
           "value": "none | <custom-ident>*",
           "initial": "none"
@@ -41,12 +46,14 @@
   "selectors": [
     {
       "name": ":active-view-transition()",
-      "value": ":active-view-transition(<vt-type-selector>)"
+      "value": ":active-view-transition(<vt-type-selector>)",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-pseudo"
     }
   ],
   "values": [
     {
       "name": "<vt-type-selector>",
+      "href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-vt-type-selector",
       "type": "type",
       "value": "'*' | <custom-ident>#"
     }

package/css-view-transitions.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "view-transition-name",
+      "href": "https://drafts.csswg.org/css-view-transitions-1/#propdef-view-transition-name",
       "value": "none | auto | <custom-ident>",
       "initial": "none",
       "appliesTo": "all elements",
@@ -18,18 +19,21 @@
         {
           "name": "none",
           "prose": "The element will not participate independently in a view transition.",
+          "href": "https://drafts.csswg.org/css-view-transitions-1/#valdef-view-transition-name-none",
           "type": "value",
           "value": "none"
         },
         {
           "name": "auto",
           "prose": "This should be treated as an invalid value, despite being a valid <custom-ident>. The property value remains unchanged.",
+          "href": "https://drafts.csswg.org/css-view-transitions-1/#valdef-view-transition-name-auto",
           "type": "value",
           "value": "auto"
         },
         {
           "name": "<custom-ident>",
           "prose": "The element participates independently in a view transition—​as either an old or new element—​with the specified view transition name. The value none is excluded from <custom-ident> here.",
+          "href": "https://drafts.csswg.org/css-view-transitions-1/#valdef-view-transition-name-custom-ident",
           "type": "value",
           "value": "<custom-ident>"
         }
@@ -44,28 +48,34 @@
   "selectors": [
     {
       "name": "::view-transition",
-      "prose": "The ::view-transition pseudo-element is a tree-abiding pseudo-element that is also a pseudo-element root. Its originating element is the document’s document element, and its containing block is the snapshot containing block."
+      "prose": "The ::view-transition pseudo-element is a tree-abiding pseudo-element that is also a pseudo-element root. Its originating element is the document’s document element, and its containing block is the snapshot containing block.",
+      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition"
     },
     {
       "name": "::view-transition-group()",
-      "prose": "The ::view-transition-group() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group() pseudo-element is generated for each view transition name as a child of the ::view-transition pseudo-element, and contains a corresponding ::view-transition-image-pair()."
+      "prose": "The ::view-transition-group() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group() pseudo-element is generated for each view transition name as a child of the ::view-transition pseudo-element, and contains a corresponding ::view-transition-image-pair().",
+      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition-group"
     },
     {
       "name": "::view-transition-image-pair()",
-      "prose": "The ::view-transition-image-pair() pseudo-element is a named view transition pseudo-element that represents a pair of corresponding old/new view transition captures. This pseudo-element is a child of the corresponding ::view-transition-group() pseudo-element and contains a corresponding ::view-transition-old() pseudo-element and/or a corresponding ::view-transition-new() pseudo-element (in that order)."
+      "prose": "The ::view-transition-image-pair() pseudo-element is a named view transition pseudo-element that represents a pair of corresponding old/new view transition captures. This pseudo-element is a child of the corresponding ::view-transition-group() pseudo-element and contains a corresponding ::view-transition-old() pseudo-element and/or a corresponding ::view-transition-new() pseudo-element (in that order).",
+      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition-image-pair"
     },
     {
       "name": "::view-transition-old()",
-      "prose": "The ::view-transition-old() pseudo-element is an empty named view transition pseudo-element that represents a visual snapshot of the “old” state as a replaced element; it is omitted if there’s no “old” state to represent. Each ::view-transition-old() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element."
+      "prose": "The ::view-transition-old() pseudo-element is an empty named view transition pseudo-element that represents a visual snapshot of the “old” state as a replaced element; it is omitted if there’s no “old” state to represent. Each ::view-transition-old() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element.",
+      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition-old"
     },
     {
       "name": "::view-transition-new()",
-      "prose": "The ::view-transition-new() pseudo-element (like the analogous ::view-transition-old() pseudo-element) is an empty named view transition pseudo-element that represents a visual snapshot of the “new” state as a replaced element; it is omitted if there’s no “new” state to represent. Each ::view-transition-new() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element."
+      "prose": "The ::view-transition-new() pseudo-element (like the analogous ::view-transition-old() pseudo-element) is an empty named view transition pseudo-element that represents a visual snapshot of the “new” state as a replaced element; it is omitted if there’s no “new” state to represent. Each ::view-transition-new() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element.",
+      "href": "https://drafts.csswg.org/css-view-transitions-1/#selectordef-view-transition-new"
     }
   ],
   "values": [
     {
       "name": "<pt-name-selector>",
+      "href": "https://drafts.csswg.org/css-view-transitions-1/#typedef-pt-name-selector",
       "type": "type",
       "value": "'*' | <custom-ident>"
     }

package/css-viewport.json

@@ -0,0 +1,43 @@
+{
+  "spec": {
+    "title": "CSS Viewport Module Level 1",
+    "url": "https://drafts.csswg.org/css-viewport-1/"
+  },
+  "properties": [
+    {
+      "name": "zoom",
+      "href": "https://drafts.csswg.org/css-viewport-1/#propdef-zoom",
+      "value": "<number> || <percentage>",
+      "initial": "1",
+      "appliesTo": "all <length> property values of all elements",
+      "inherited": "no",
+      "percentages": "Converted to <number>",
+      "computedValue": "as specified, but with <percentage> converted to the equivalent <number>",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "media": "visual",
+      "values": [
+        {
+          "name": "<number>",
+          "prose": "Positive floating point number indicating a zoom factor. Numbers smaller than 1.0 indicate a \"zoom out\" or minification effect, while numbers greater than 1.0 indicate a \"zoom in\" or magnification effect. A 0 value is treated as if it was 1.",
+          "href": "https://drafts.csswg.org/css-viewport-1/#valdef-zoom-number",
+          "type": "value",
+          "value": "<number>"
+        },
+        {
+          "name": "<percentage>",
+          "prose": "Positive floating point number, followed by a percentage character (\"%\") which indicates a zoom factor multiplied by 100. A 0 percentage is treated as if it was 100%.",
+          "href": "https://drafts.csswg.org/css-viewport-1/#valdef-zoom-percentage",
+          "type": "value",
+          "value": "<percentage>"
+        }
+      ],
+      "styleDeclaration": [
+        "zoom"
+      ]
+    }
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": []
+}

package/css-will-change.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "will-change",
+      "href": "https://drafts.csswg.org/css-will-change-1/#propdef-will-change",
       "value": "auto | <animateable-feature>#",
       "initial": "auto",
       "appliesTo": "all elements",
@@ -18,24 +19,28 @@
         {
           "name": "auto",
           "prose": "Expresses no particular intent; the user agent should apply whatever heuristics and optimizations it normally does.",
+          "href": "https://drafts.csswg.org/css-will-change-1/#valdef-will-change-auto",
           "type": "value",
           "value": "auto"
         },
         {
           "name": "scroll-position",
           "prose": "Indicates that the author expects to animate or change the scroll position of the element in the near future. For example, browsers often only render the content in the \"scroll window\" on a scrollable element, and some of the content past that window, balancing memory and time savings from the skipped rendering against making scrolling look nice. A browser might take this value as a signal to expand the range of content around the scroll window that is rendered, so that longer/faster scrolls can be done smoothly.",
+          "href": "https://drafts.csswg.org/css-will-change-1/#valdef-will-change-scroll-position",
           "type": "value",
           "value": "scroll-position"
         },
         {
           "name": "contents",
           "prose": "Indicates that the author expects to animate or change something about the element’s contents in the near future. For example, browsers often “cache” rendering of elements over time, because most things don’t change very often, or only change their position. However, if an element does change its contents continually, producing and maintaining this cache is a waste of time. A browser might take this value as a signal to cache less aggressively on the element, or avoid caching at all and just continually re-render the element from scratch. This value is mostly intended to help browsers optimize JS-based animations of content, which change aspects of an element’s contents many times per second. This kind of optimization, when possible, is already done automatically by browsers when declarative animations are used.",
+          "href": "https://drafts.csswg.org/css-will-change-1/#valdef-will-change-contents",
           "type": "value",
           "value": "contents"
         },
         {
           "name": "<custom-ident>",
           "prose": "If the <custom-ident> is an ASCII case-insensitive match for the name of a built-in CSS property, it indicates that the author expects to animate or change the property with the given name on the element in the near future. If the property given is a shorthand, it indicates the expectation for all the longhands the shorthand expands to. For example, setting will-change: background; is identical to setting will-change: background-image, background-position, ... for all the properties that background expands into. The <custom-ident> production used here excludes the keywords will-change, none, all, auto, scroll-position, and contents, in addition to the keywords normally excluded from <custom-ident>. Specifying a custom property must have no effect, which means that effects that happen through custom properties do not count for the rules below that are conditioned on any non-initial value of a property causing something. For example, browsers often handle elements with transform set to a non-initial value very differently from normal elements, perhaps rendering them to their own “GPU layer” or using other mechanisms to make it easier to quickly make the sort of transformations that transform can produce. A browser might take a value of transform as a signal that it should go ahead and promote the element to its own layer immediately, before the element starts to be transformed, to avoid any delay involved in rerendering the old and new layers. If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element. If any non-initial value of a property would cause the element to generate a containing block for absolutely positioned elements, specifying that property in will-change must cause the element to generate a containing block for absolutely positioned elements. If any non-initial value of a property would cause the element to generate a containing block for fixed positioned elements, specifying that property in will-change must cause the element to generate a containing block for fixed positioned elements. If any non-initial value of a property would cause rendering differences on the element (such as using a different anti-aliasing strategy for text), the user agent should use that alternate rendering when the property is specified in will-change, to avoid sudden rendering differences when the property is eventually changed. For example, setting opacity to any value other than 1 creates a stacking context on the element. Thus, setting will-change: opacity also creates a stacking context, even if opacity is currently still equal to 1.",
+          "href": "https://drafts.csswg.org/css-will-change-1/#valdef-will-change-custom-ident",
           "type": "value",
           "value": "<custom-ident>"
         }
@@ -51,6 +56,7 @@
   "values": [
     {
       "name": "<animateable-feature>",
+      "href": "https://drafts.csswg.org/css-will-change-1/#typedef-animateable-feature",
       "type": "type",
       "value": "scroll-position | contents | <custom-ident>"
     }

package/css-writing-modes.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "direction",
+      "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-direction",
       "value": "ltr | rtl",
       "initial": "ltr",
       "appliesTo": "all elements",
@@ -18,12 +19,14 @@
         {
           "name": "ltr",
           "prose": "This value sets inline base direction (bidi directionality) to line-left-to-line-right.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-direction-ltr",
           "type": "value",
           "value": "ltr"
         },
         {
           "name": "rtl",
           "prose": "This value sets inline base direction (bidi directionality) to line-right-to-line-left.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-direction-rtl",
           "type": "value",
           "value": "rtl"
         }
@@ -34,6 +37,7 @@
     },
     {
       "name": "unicode-bidi",
+      "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-unicode-bidi",
       "value": "normal | embed | isolate | bidi-override | isolate-override | plaintext",
       "initial": "normal",
       "appliesTo": "all elements, but see prose",
@@ -46,36 +50,42 @@
         {
           "name": "normal",
           "prose": "The box does not open an additional level of embedding with respect to the bidirectional algorithm. For inline boxes, implicit reordering works across box boundaries.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-unicode-bidi-normal",
           "type": "value",
           "value": "normal"
         },
         {
           "name": "embed",
           "prose": "If the box is inline, this value creates a directional embedding by opening an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the direction property. Inside the box, reordering is done implicitly.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-unicode-bidi-embed",
           "type": "value",
           "value": "embed"
         },
         {
           "name": "isolate",
           "prose": "On an inline box, this bidi-isolates its contents. This is similar to a directional embedding (and increases the embedding level accordingly) except that each sequence of inline-level boxes uninterrupted by any block boundary or forced paragraph break is treated as an isolated sequence: the content within the sequence is ordered as if inside an independent paragraph with the base directionality specified by the box’s direction property. for the purpose of bidi resolution in its containing bidi paragraph, the sequence is treated as if it were a single Object Replacement Character (U+FFFC). In effect, neither is the content inside the box bidi-affected by the content surrounding the box, nor is the content surrounding the box bidi-affected by the content or specified directionality of the box. However, forced paragraph breaks within the box still create a corresponding break in the containing paragraph.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-unicode-bidi-isolate",
           "type": "value",
           "value": "isolate"
         },
         {
           "name": "bidi-override",
           "prose": "This value puts the box’s immediate inline content in a directional override. For an inline, this means that the box acts like a directional embedding in the bidirectional algorithm, except that reordering within it is strictly in sequence according to the direction property; the implicit part of the bidirectional algorithm is ignored. For a block container, the override is applied to an anonymous inline box that surrounds all of its content.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-unicode-bidi-bidi-override",
           "type": "value",
           "value": "bidi-override"
         },
         {
           "name": "isolate-override",
           "prose": "This combines the isolation behavior of isolate with the directional override behavior of bidi-override: to surrounding content, it is equivalent to isolate, but within the box content is ordered as if bidi-override were specified. It effectively nests a directional override inside an isolated sequence.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-unicode-bidi-isolate-override",
           "type": "value",
           "value": "isolate-override"
         },
         {
           "name": "plaintext",
           "prose": "This value behaves as isolate except that for the purposes of the Unicode bidirectional algorithm, the base directionality of each of the box’s bidi paragraphs (if a block container) or isolated sequences (if an inline) is determined by following the heuristic in rules P2 and P3 of the Unicode bidirectional algorithm (rather than by using the direction property of the box).",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-unicode-bidi-plaintext",
           "type": "value",
           "value": "plaintext"
         }
@@ -87,6 +97,7 @@
     },
     {
       "name": "writing-mode",
+      "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-writing-mode",
       "value": "horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr",
       "initial": "horizontal-tb",
       "appliesTo": "All elements except table row groups, table column groups, table rows, table columns, ruby base containers, ruby annotation containers",
@@ -99,30 +110,35 @@
         {
           "name": "horizontal-tb",
           "prose": "Top-to-bottom block flow direction. Both the writing mode and the typographic mode are horizontal.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-writing-mode-horizontal-tb",
           "type": "value",
           "value": "horizontal-tb"
         },
         {
           "name": "vertical-rl",
           "prose": "Right-to-left block flow direction. Both the writing mode and the typographic mode are vertical.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-writing-mode-vertical-rl",
           "type": "value",
           "value": "vertical-rl"
         },
         {
           "name": "vertical-lr",
           "prose": "Left-to-right block flow direction. Both the writing mode and the typographic mode are vertical.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-writing-mode-vertical-lr",
           "type": "value",
           "value": "vertical-lr"
         },
         {
           "name": "sideways-rl",
           "prose": "Right-to-left block flow direction. The writing mode is vertical, while the typographic mode is horizontal.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-writing-mode-sideways-rl",
           "type": "value",
           "value": "sideways-rl"
         },
         {
           "name": "sideways-lr",
           "prose": "Left-to-right block flow direction. The writing mode is vertical, while the typographic mode is horizontal.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-writing-mode-sideways-lr",
           "type": "value",
           "value": "sideways-lr"
         }
@@ -134,6 +150,7 @@
     },
     {
       "name": "text-orientation",
+      "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation",
       "value": "mixed | upright | sideways",
       "initial": "mixed",
       "appliesTo": "all elements except table row groups, rows, column groups, and columns",
@@ -146,24 +163,28 @@
         {
           "name": "mixed",
           "prose": "Typographic character units from horizontal-only scripts are typeset sideways, i.e. 90° clockwise from their standard orientation in horizontal text. Typographic character units from vertical scripts are typeset with their intrinsic orientation. See Vertical Orientations for further details. This value is typical for layout of dominantly vertical-script text.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-text-orientation-mixed",
           "type": "value",
           "value": "mixed"
         },
         {
           "name": "upright",
           "prose": "Typographic character units from horizontal-only scripts are typeset upright, i.e. in their standard horizontal orientation. Typographic character units from vertical scripts are typeset with their intrinsic orientation and shaped normally. See Vertical Orientations for further details. This value causes the used value of direction to be ltr, and for the purposes of bidi reordering, causes all characters to be treated as strong LTR.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-text-orientation-upright",
           "type": "value",
           "value": "upright"
         },
         {
           "name": "sideways",
           "prose": "Causes all text to be typeset sideways, as if in a horizontal layout, but rotated 90° clockwise.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-text-orientation-sideways",
           "type": "value",
           "value": "sideways"
         },
         {
           "name": "sideways-right",
           "prose": "UAs may accept sideways-right as a value that computes to sideways if needed for backward compatibility reasons.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-text-orientation-sideways-right",
           "type": "value",
           "value": "sideways-right"
         }
@@ -175,6 +196,7 @@
     },
     {
       "name": "glyph-orientation-vertical",
+      "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-glyph-orientation-vertical",
       "value": "auto | 0deg | 90deg | 0 | 90",
       "initial": "n/a",
       "appliesTo": "n/a",
@@ -190,6 +212,7 @@
     },
     {
       "name": "text-combine-upright",
+      "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-text-combine-upright",
       "value": "none | all | [ digits <integer [2,4]>? ]",
       "initial": "none",
       "appliesTo": "inline boxes and text",
@@ -202,18 +225,21 @@
         {
           "name": "none",
           "prose": "No special processing.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-text-combine-upright-none",
           "type": "value",
           "value": "none"
         },
         {
           "name": "all",
           "prose": "Attempt to typeset horizontally all consecutive typographic character units within the box and text run such that they take up the space of a single typographic character unit within the vertical line box.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-text-combine-upright-all",
           "type": "value",
           "value": "all"
         },
         {
           "name": "digits <integer [2,4]>?",
           "prose": "Attempt to typeset horizontally each maximal sequence of consecutive ASCII digits (U+0030–U+0039) that has as many or fewer digits than the specified integer such that it takes up the space of a single typographic character unit within the vertical line box. If the integer is omitted, it computes to 2. Integers outside the range 2-4 are invalid.",
+          "href": "https://drafts.csswg.org/css-writing-modes-4/#valdef-text-combine-upright-digits-integer-2-4",
           "type": "value",
           "value": "digits <integer [2,4]>?"
         }