@webref/css 6.6.2 → 6.7.0

package/css-counter-styles.json

@@ -167,7 +167,7 @@
   "values": [
     {
       "name": "<counter-style-name>",
-      "prose": "<counter-style-name> is a <custom-ident> that is not an ASCII case-insensitive match for none. When used here, to define a counter style, it also cannot be any of the non-overrideable counter-style names (in other uses that merely reference a counter style, such as the extend system, these are allowed). The <counter-style-name> is a tree-scoped name.",
+      "prose": "<counter-style-name> is a <custom-ident> that is not an ASCII case-insensitive match for none. When used here, to define a counter style, it also cannot be any of the non-overridable counter-style names (in other uses that merely reference a counter style, such as the extend system, these are allowed). The <counter-style-name> is a tree-scoped name.",
       "type": "type",
       "values": [
         {

package/css-display.json

@@ -73,7 +73,7 @@
       "values": [
         {
           "name": "<integer>",
-          "prose": "The reading-order property controls the order in which elements are rendered to speech or are navigated to when using (linear) sequention navigation methods. It takes a single <integer> value, which specifies which ordinal group the item belongs to. Sibling elements are ordered starting from the lowest numbered ordinal group and going up; elements with the same ordinal group are keep the order they appear in the source document.",
+          "prose": "The reading-order property controls the order in which elements are rendered to speech or are navigated to when using (linear) sequential navigation methods. It takes a single <integer> value, which specifies which ordinal group the item belongs to. Sibling elements are ordered starting from the lowest numbered ordinal group and going up; elements with the same ordinal group are keep the order they appear in the source document.",
           "type": "value",
           "value": "<integer>"
         }

package/css-fonts.json

@@ -378,10 +378,39 @@
         "fontSynthesisSmallCaps"
       ]
     },
+    {
+      "name": "font-synthesis-position",
+      "value": "auto | none",
+      "initial": "auto",
+      "appliesTo": "all elements and text",
+      "inherited": "yes",
+      "percentages": "N/A",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Synthesis of superscript and subscript forms is required",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "none",
+          "prose": "Synthesis of superscript and subscript forms is not allowed",
+          "type": "value",
+          "value": "none"
+        }
+      ],
+      "styleDeclaration": [
+        "font-synthesis-position",
+        "fontSynthesisPosition"
+      ]
+    },
     {
       "name": "font-synthesis",
-      "value": "none | [ weight || style || small-caps]",
-      "initial": "weight style small-caps",
+      "value": "none | [ weight || style || small-caps || position]",
+      "initial": "weight style small-caps position",
       "appliesTo": "all elements and text",
       "inherited": "yes",
       "percentages": "N/A",

package/css-grid.json

@@ -29,7 +29,7 @@
         },
         {
           "name": "subgrid <line-name-list>?",
-          "prose": "The subgrid value indicates that the grid will adopt the spanned portion of its parent grid in that axis (the subgridded axis). Rather than being specified explicitly, the sizes of the grid rows/columns will be taken from the parent grid's definition, and the subgrid’s items will participate in the intrinsic size calculations (CSS Grid Layout 1 § 11.5 Resolve Intrinsic Track Sizes) of any tracks shared with the parent grid. Essentially, subgrids provide the ability to pass grid parameters down through nested elements, and content-based sizing information back up to their parent grid. The <line-name-list> argument allows local naming of the grid lines shared with the parent grid: if a <line-name-list> is given, the specified <line-names>s are assigned to the lines of the subgrid’s explicit grid, one per line, starting with line 1. Excess <line-names> are ignored. If there is no parent grid, or if the grid container is otherwised forced to establish an independent formatting context (for example, due to layout containment [CSS-CONTAIN-2] or absolute positioning [CSS-POSITION-3]), the used value is the initial value, none, and the grid container is not a subgrid. An axis that is not subgridded is a standalone axis.",
+          "prose": "The subgrid value indicates that the grid will adopt the spanned portion of its parent grid in that axis (the subgridded axis). Rather than being specified explicitly, the sizes of the grid rows/columns will be taken from the parent grid's definition, and the subgrid’s items will participate in the intrinsic size calculations (CSS Grid Layout 1 § 11.5 Resolve Intrinsic Track Sizes) of any tracks shared with the parent grid. Essentially, subgrids provide the ability to pass grid parameters down through nested elements, and content-based sizing information back up to their parent grid. The <line-name-list> argument allows local naming of the grid lines shared with the parent grid: if a <line-name-list> is given, the specified <line-names>s are assigned to the lines of the subgrid’s explicit grid, one per line, starting with line 1. Excess <line-names> are ignored. If there is no parent grid, or if the grid container is otherwise forced to establish an independent formatting context (for example, due to layout containment [CSS-CONTAIN-2] or absolute positioning [CSS-POSITION-3]), the used value is the initial value, none, and the grid container is not a subgrid. An axis that is not subgridded is a standalone axis.",
           "type": "value",
           "value": "subgrid <line-name-list>?"
         },
@@ -52,8 +52,8 @@
         },
         {
           "name": "minmax()",
-          "value": "minmax()",
-          "type": "value"
+          "value": "minmax(min, max)",
+          "type": "function"
         },
         {
           "name": "auto",
@@ -75,8 +75,8 @@
         },
         {
           "name": "fit-content()",
-          "value": "fit-content()",
-          "type": "value"
+          "value": "fit-content( <length-percentage> )",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -109,7 +109,7 @@
         },
         {
           "name": "subgrid <line-name-list>?",
-          "prose": "The subgrid value indicates that the grid will adopt the spanned portion of its parent grid in that axis (the subgridded axis). Rather than being specified explicitly, the sizes of the grid rows/columns will be taken from the parent grid's definition, and the subgrid’s items will participate in the intrinsic size calculations (CSS Grid Layout 1 § 11.5 Resolve Intrinsic Track Sizes) of any tracks shared with the parent grid. Essentially, subgrids provide the ability to pass grid parameters down through nested elements, and content-based sizing information back up to their parent grid. The <line-name-list> argument allows local naming of the grid lines shared with the parent grid: if a <line-name-list> is given, the specified <line-names>s are assigned to the lines of the subgrid’s explicit grid, one per line, starting with line 1. Excess <line-names> are ignored. If there is no parent grid, or if the grid container is otherwised forced to establish an independent formatting context (for example, due to layout containment [CSS-CONTAIN-2] or absolute positioning [CSS-POSITION-3]), the used value is the initial value, none, and the grid container is not a subgrid. An axis that is not subgridded is a standalone axis.",
+          "prose": "The subgrid value indicates that the grid will adopt the spanned portion of its parent grid in that axis (the subgridded axis). Rather than being specified explicitly, the sizes of the grid rows/columns will be taken from the parent grid's definition, and the subgrid’s items will participate in the intrinsic size calculations (CSS Grid Layout 1 § 11.5 Resolve Intrinsic Track Sizes) of any tracks shared with the parent grid. Essentially, subgrids provide the ability to pass grid parameters down through nested elements, and content-based sizing information back up to their parent grid. The <line-name-list> argument allows local naming of the grid lines shared with the parent grid: if a <line-name-list> is given, the specified <line-names>s are assigned to the lines of the subgrid’s explicit grid, one per line, starting with line 1. Excess <line-names> are ignored. If there is no parent grid, or if the grid container is otherwise forced to establish an independent formatting context (for example, due to layout containment [CSS-CONTAIN-2] or absolute positioning [CSS-POSITION-3]), the used value is the initial value, none, and the grid container is not a subgrid. An axis that is not subgridded is a standalone axis.",
           "type": "value",
           "value": "subgrid <line-name-list>?"
         },
@@ -132,8 +132,8 @@
         },
         {
           "name": "minmax()",
-          "value": "minmax()",
-          "type": "value"
+          "value": "minmax(min, max)",
+          "type": "function"
         },
         {
           "name": "auto",
@@ -155,8 +155,8 @@
         },
         {
           "name": "fit-content()",
-          "value": "fit-content()",
-          "type": "value"
+          "value": "fit-content( <length-percentage> )",
+          "type": "function"
         }
       ],
       "styleDeclaration": [

package/css-images-4.json

@@ -227,7 +227,7 @@
     {
       "name": "<linear-color-stop>",
       "type": "type",
-      "value": "<color> && <color-stop-length>?"
+      "value": "<color> <color-stop-length>?"
     },
     {
       "name": "<linear-color-hint>",
@@ -247,7 +247,7 @@
     {
       "name": "<angular-color-stop>",
       "type": "type",
-      "value": "<color> && <color-stop-angle>?"
+      "value": "<color> <color-stop-angle>?"
     },
     {
       "name": "<angular-color-hint>",
@@ -298,7 +298,7 @@
     },
     {
       "name": "<color-stripe>",
-      "prose": "Each <color-stripe> entry defines a solid-color stripe with the specified <color> and thickness. If the thickness is omitted, it defaults to 1fr. Thickness values are intepreted as follows:",
+      "prose": "Each <color-stripe> entry defines a solid-color stripe with the specified <color> and thickness. If the thickness is omitted, it defaults to 1fr. Thickness values are interpreted as follows:",
       "type": "type",
       "value": "<color> && [ <length-percentage> | <flex> ]?"
     },

package/css-masking.json

@@ -592,7 +592,7 @@
     {
       "name": "<mask-layer>",
       "type": "type",
-      "value": "<mask-reference> || <position> [ / <bg-size> ]? ||<repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
+      "value": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
     }
   ],
   "warnings": [

package/css-properties-values-api.json

@@ -23,7 +23,7 @@
         {
           "name": "initial-value",
           "for": "@property",
-          "value": "<declaration-value>",
+          "value": "<declaration-value>?",
           "initial": "the guaranteed-invalid value (but see prose)"
         }
       ],

package/css-regions.json

@@ -6,7 +6,7 @@
   "properties": [
     {
       "name": "flow-into",
-      "value": "none | <ident> [element|content]?",
+      "value": "none | <ident> [element | content]?",
       "initial": "none",
       "appliesTo": "All elements, but not pseudo-elements such as ::first-line, ::first-letter, ::before or ::after.",
       "inherited": "no",

package/css-sizing.json

@@ -42,8 +42,8 @@
         },
         {
           "name": "fit-content()",
-          "value": "fit-content()",
-          "type": "value"
+          "value": "fit-content(<length-percentage [0,∞]>)",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -88,8 +88,8 @@
         },
         {
           "name": "fit-content()",
-          "value": "fit-content()",
-          "type": "value"
+          "value": "fit-content(<length-percentage [0,∞]>)",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -134,8 +134,8 @@
         },
         {
           "name": "fit-content()",
-          "value": "fit-content()",
-          "type": "value"
+          "value": "fit-content(<length-percentage [0,∞]>)",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -181,8 +181,8 @@
         },
         {
           "name": "fit-content()",
-          "value": "fit-content()",
-          "type": "value"
+          "value": "fit-content(<length-percentage [0,∞]>)",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -228,8 +228,8 @@
         },
         {
           "name": "fit-content()",
-          "value": "fit-content()",
-          "type": "value"
+          "value": "fit-content(<length-percentage [0,∞]>)",
+          "type": "function"
         }
       ],
       "styleDeclaration": [
@@ -275,8 +275,8 @@
         },
         {
           "name": "fit-content()",
-          "value": "fit-content()",
-          "type": "value"
+          "value": "fit-content(<length-percentage [0,∞]>)",
+          "type": "function"
         }
       ],
       "styleDeclaration": [

package/css-text-4.json

@@ -76,7 +76,7 @@
         },
         {
           "name": "normal",
-          "prose": "The user agent must not insert virtual word boundaries, except within runs of characters belonging to Southeast Asian languages, where content analysis must be performed to determine where to insert virtual word boundaries. As with manual, typographic character units with class SA in [UAX14] must be treated as if they had class AL; however, the user agent must additionally analyse the content of a run of such characters and insert virtual word boundaries where appropriate. Within the constraints set by this specification, the specific algorithm used is UA-dependent. As various languages can be written in scripts which use the characters with class SA, if the content language is known, the user agent should use this information to tailor its analysis. In order to avoid unexpected overflow, if the user agent is unable to perform this analysis for any subset of the characters with class SA—for example due to lacking a dictionary for certain languages—there must be a soft wrap opportunity between pairs of typographic letter units in that subset.",
+          "prose": "The user agent must not insert virtual word boundaries, except within runs of characters belonging to Southeast Asian languages, where content analysis must be performed to determine where to insert virtual word boundaries. As with manual, typographic character units with class SA in [UAX14] must be treated as if they had class AL; however, the user agent must additionally analyze the content of a run of such characters and insert virtual word boundaries where appropriate. Within the constraints set by this specification, the specific algorithm used is UA-dependent. As various languages can be written in scripts which use the characters with class SA, if the content language is known, the user agent should use this information to tailor its analysis. In order to avoid unexpected overflow, if the user agent is unable to perform this analysis for any subset of the characters with class SA—for example due to lacking a dictionary for certain languages—there must be a soft wrap opportunity between pairs of typographic letter units in that subset.",
           "type": "value",
           "value": "normal"
         },

package/css-transitions-2.json

@@ -3,7 +3,23 @@
     "title": "CSS Transitions Level 2",
     "url": "https://drafts.csswg.org/css-transitions-2/"
   },
-  "properties": [],
+  "properties": [
+    {
+      "name": "transition-behavior",
+      "value": "<transition-behavior-value>#",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "transition-behavior",
+        "transitionBehavior"
+      ]
+    }
+  ],
   "atrules": [
     {
       "name": "@starting-style",
@@ -12,5 +28,16 @@
     }
   ],
   "selectors": [],
-  "values": []
+  "values": [
+    {
+      "name": "<transition-behavior-value>",
+      "value": "normal | allow-discrete",
+      "type": "type"
+    },
+    {
+      "name": "<single-transition>",
+      "value": "[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>",
+      "type": "type"
+    }
+  ]
 }

package/css-ui.json

@@ -50,20 +50,26 @@
     },
     {
       "name": "outline-color",
-      "value": "[ <color> | <image-1D> ] | invert",
-      "initial": "invert",
+      "value": "auto | [ <color> | <image-1D> ] | invert",
+      "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "The computed value for invert is invert. For <color> values, see CSS Color 4 § 14. Resolving <color> Values in [CSS-COLOR-4]. For <image-1D> values, see CSS Images 4 § 4 1D Image Values: the <image-1D> type and stripes() notation in [CSS-IMAGES-4].",
+      "computedValue": "see below",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
       "values": [
         {
           "name": "invert",
-          "prose": "The outline-color property accepts all values of <border-color>, as well as the keyword invert. invert is expected to perform a color inversion on the pixels on the screen. This is a common trick to ensure the focus border is visible, regardless of color background.",
+          "prose": "the user agent is expected to perform a color inversion on the pixels on the screen. This is a common trick to ensure the focus border is visible, regardless of color background. Conformant UAs may ignore the invert value on platforms that do not support color inversion of the pixels on the screen. If the UA does not support the invert value, then it must reject that value at parse-time, and the initial value of the outline-color property is the currentColor keyword.",
           "type": "value",
           "value": "invert"
+        },
+        {
+          "name": "auto",
+          "prose": "When outline-style is auto, outline-color: auto represents the accent color. When outline-style is not auto, outline-color: auto computes to another value (see below).",
+          "type": "value",
+          "value": "auto"
         }
       ],
       "styleDeclaration": [
@@ -673,7 +679,7 @@
   "values": [
     {
       "name": "<outline-line-style>",
-      "prose": "<outline-line-style> accepts the same values as <line-style> (CSS Backgrounds 3 § 3.2 Line Patterns: the border-style properties) with the same meaning, except that hidden is not a legal outline style. In addition, the outline-style property accepts the value auto. The auto value permits the user agent to render a custom outline style, typically a style which is either a user interface default for the platform, or perhaps a style that is richer than can be described in detail in CSS, e.g. a rounded edge outline with semi-translucent outer pixels that appears to glow. As such, this specification does not define how the outline-color and outline-width are incorporated or used (if at all) when rendering auto style outlines. User agents may treat auto as solid.",
+      "prose": "<outline-line-style> accepts the same values as <line-style> (CSS Backgrounds 3 § 3.2 Line Patterns: the border-style properties) with the same meaning, except that hidden is not a legal outline style. In addition, the outline-style property accepts the value auto.",
       "type": "type"
     },
     {

package/motion.json

@@ -42,7 +42,7 @@
         },
         {
           "name": "<basic-shape>",
-          "prose": "The offset path is the equivalent path of the <basic-shape> function. For all <basic-shape>s, if they accept an ''at <position>'' argument but that argument is omitted, and the element defines an offset starting position via offset-position, it uses the specified offset starting position for that argument. Otherwise it defaults as specified for each function. The <coord-box> provides the [=/reference box=] for the <basic-shape>.",
+          "prose": "The offset path is the equivalent path of the <basic-shape> function. For all <basic-shape>s, if they accept an at <position> argument but that argument is omitted, and the element defines an offset starting position via offset-position, it uses the specified offset starting position for that argument. Otherwise it defaults as specified for each function. The <coord-box> provides the [=/reference box=] for the <basic-shape>.",
           "type": "value",
           "value": "<basic-shape>"
         },
@@ -77,7 +77,7 @@
     {
       "name": "offset-position",
       "value": "normal | auto | <position>",
-      "initial": "auto",
+      "initial": "normal",
       "appliesTo": "transformable elements",
       "inherited": "no",
       "percentages": "Refer to the size of containing block",

package/package.json

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

package/scroll-animations.json

@@ -198,7 +198,7 @@
     },
     {
       "name": "view-timeline",
-      "value": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#",
+      "value": "[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#",
       "initial": "see individual properties",
       "appliesTo": "all elements",
       "inherited": "see individual properties",