@webref/css 6.9.2 → 6.10.1

package/css-easing.json

@@ -83,7 +83,7 @@
     },
     {
       "name": "<step-easing-function>",
-      "value": "step-start | step-end | steps(<integer>[, <step-position>]?)",
+      "value": "step-start | step-end | steps(<integer> , <step-position>?)",
       "type": "type",
       "values": [
         {

package/css-fonts.json

@@ -1285,19 +1285,19 @@
       "values": [
         {
           "name": "serif",
-          "prose": "Serif fonts represent the formal text style for a script. This often means, but is not limited to, glyphs that have finishing strokes, flared or tapering ends, or have actual serifed endings (including slab serifs). Serif fonts are typically proportionately-spaced. They often display a greater variation between thick and thin strokes than fonts from the sans-serif generic font family. CSS uses the term \"serif\" to apply to a font for any script, although other names might be more familiar for particular scripts, such as Mincho (Japanese), Sung or Song (Chinese), Batang (Korean). For Arabic, the Naskh style would correspond to serif. This is due to its typographic role, rather than its design style. Any font that fits this typographic role may be used to represent the generic serif family. serif must always map to at least one matched font face. Sample serif fonts",
+          "prose": "Serif fonts represent glyphs that have finishing strokes, flared or tapering ends, or have actual serifed endings (including slab serifs). Serif fonts are typically proportionately-spaced. They often display a greater variation between thick and thin strokes than fonts from the sans-serif generic font family. CSS uses the term \"serif\" to apply to a font for any script, although other names might be more familiar for particular scripts, such as Mincho (Japanese), Sung or Song (Chinese), Batang (Korean). For Arabic, the Naskh style would correspond to serif. serif must always map to at least one matched font face. Sample serif fonts",
           "type": "value",
           "value": "serif"
         },
         {
           "name": "sans-serif",
-          "prose": "Glyphs in sans-serif fonts, as the term is used in CSS, are generally low contrast (vertical and horizontal stems have the close to the same thickness) and have stroke endings that are plain (without any flaring, cross stroke, or other ornamentation). Sans-serif fonts are typically proportionately-spaced. They often have little variation between thick and thin strokes, compared to fonts from the serif family. CSS uses the term \"sans-serif\" to apply to a font for any script, although other names might be more familiar for particular scripts, such as Gothic (Japanese), Hei (Chinese), or Gulim (Korean). Any font that fits this typographic role may be used to represent the generic sans-serif family. sans-serif must always map to at least one matched font face. Sample sans-serif fonts",
+          "prose": "Glyphs in sans-serif fonts, as the term is used in CSS, are generally low contrast (vertical and horizontal stems have the close to the same thickness) and have stroke endings that are plain (without any flaring, cross stroke, or other ornamentation). Sans-serif fonts are typically proportionately-spaced. They often have little variation between thick and thin strokes, compared to fonts from the serif family. CSS uses the term \"sans-serif\" to apply to a font for any script, although other names might be more familiar for particular scripts, such as Gothic (Japanese), Hei (Chinese), or Gulim (Korean). sans-serif must always map to at least one matched font face. Sample sans-serif fonts",
           "type": "value",
           "value": "sans-serif"
         },
         {
           "name": "cursive",
-          "prose": "Glyphs in cursive fonts generally use a more informal script style, and the result looks more like handwritten pen or brush writing than printed letterwork. CSS uses the term \"cursive\" to apply to a font for any script, although other names such as Chancery, Brush, Swing and Script are also used in font names. Sample cursive fonts",
+          "prose": "Glyphs in cursive fonts generally use a script style, and the result looks more like handwritten pen or brush writing than printed letterwork. CSS uses the term \"cursive\" to apply to a font for any script, although other names such as Chancery, Brush, Swing and Script are also used in font names. Sample cursive fonts",
           "type": "value",
           "value": "cursive"
         },
@@ -1315,7 +1315,7 @@
         },
         {
           "name": "system-ui",
-          "prose": "This generic font family lets text render with the default user interface font on the platform on which the UA is running. A cross-platform UA should use different fonts on its different supported platforms. The purpose of system-ui is to allow web content to integrate with the look and feel of the native OS. As with other generic font families, the substitution of specific installed fonts for system-ui does not affect the computed style. <div id=\"system-text\" style=\"font-family: system-ui\"></div> ... window.getComputedStyle(document.getElementById(\"system-text\")).getPropertyValue(\"font-family\"); The script above should not have any knowledge of how system-ui is expanded to include a collection of system user interface fonts. In particular, the above script should yield a result of \"system-ui\" on every platform.",
+          "prose": "This generic font family lets text render with the default user interface font (which, as with all § 2.1.5 Generic font families may be a composite font) on the platform on which the UA is running. A cross-platform UA should use different fonts on its different supported platforms. The purpose of system-ui is to allow web content to integrate with the look and feel of the native OS. The precise font used will depend on factors such as Unicode coverage and the content language. As with other generic font families, the substitution of specific installed fonts for system-ui does not affect the computed style. <div id=\"system-text\" style=\"font-family: system-ui\"></div> ... window.getComputedStyle(document.getElementById(\"system-text\")).getPropertyValue(\"font-family\"); The script above should not have any knowledge of how system-ui is expanded to include a collection of system user interface fonts. In particular, the above script should yield a result of \"system-ui\" on every platform.",
           "type": "value",
           "value": "system-ui"
         },

package/css-grid.json

@@ -57,7 +57,7 @@
         },
         {
           "name": "auto",
-          "prose": "As a maximum: represents the largest max-content contribution of the grid items occupying the grid track; however, unlike max-content, allows expansion of the track by the align-content and justify-content properties. As a minimum: represents the largest minimum size (specified by min-width/min-height) of the grid items occupying the grid track. (This initially is often, but not always, equal to a min-content minimum—see § 6.6 Automatic Minimum Size of Grid Items.) When appearing outside a minmax() notation: equivalent to minmax(auto, auto), representing the range between the minimum and maximum described above. (This behaves similar to minmax(min-content, max-content) in the most basic cases, but with extra abilities.)",
+          "prose": "As a maximum: represents the largest max-content contribution of the grid items occupying the grid track; however, unlike max-content, allows expansion of the track by the align-content and justify-content properties. As a minimum: represents the largest minimum size (specified by min-width/min-height) of the grid items occupying the grid track. (This initially is often, but not always, equal to a min-content minimum—​see § 6.6 Automatic Minimum Size of Grid Items.) When appearing outside a minmax() notation: equivalent to minmax(auto, auto), representing the range between the minimum and maximum described above. (This behaves similar to minmax(min-content, max-content) in the most basic cases, but with extra abilities.)",
           "type": "value",
           "value": "auto"
         },
@@ -137,7 +137,7 @@
         },
         {
           "name": "auto",
-          "prose": "As a maximum: represents the largest max-content contribution of the grid items occupying the grid track; however, unlike max-content, allows expansion of the track by the align-content and justify-content properties. As a minimum: represents the largest minimum size (specified by min-width/min-height) of the grid items occupying the grid track. (This initially is often, but not always, equal to a min-content minimum—see § 6.6 Automatic Minimum Size of Grid Items.) When appearing outside a minmax() notation: equivalent to minmax(auto, auto), representing the range between the minimum and maximum described above. (This behaves similar to minmax(min-content, max-content) in the most basic cases, but with extra abilities.)",
+          "prose": "As a maximum: represents the largest max-content contribution of the grid items occupying the grid track; however, unlike max-content, allows expansion of the track by the align-content and justify-content properties. As a minimum: represents the largest minimum size (specified by min-width/min-height) of the grid items occupying the grid track. (This initially is often, but not always, equal to a min-content minimum—​see § 6.6 Automatic Minimum Size of Grid Items.) When appearing outside a minmax() notation: equivalent to minmax(auto, auto), representing the range between the minimum and maximum described above. (This behaves similar to minmax(min-content, max-content) in the most basic cases, but with extra abilities.)",
           "type": "value",
           "value": "auto"
         },
@@ -218,7 +218,7 @@
         },
         {
           "name": "[ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?",
-          "prose": "Sets grid-template-areas to the strings listed. Sets grid-template-rows to the <track-size>s following each string (filling in auto for any missing sizes), and splicing in the named lines defined before/after each size. Sets grid-template-columns to the track listing specified after the slash (or none, if not specified). This syntax allows the author to align track names and sizes inline with their respective grid areas. grid-template: [header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto; is equivalent to grid-template-areas: \"a a a\" \"b b b\"; grid-template-rows: [header-top] auto [header-bottom main-top] 1fr [main-bottom]; grid-template-columns: auto 1fr auto; and creates the following grid: Three columns, sized auto, 1fr, and auto, respectively Two rows sized as auto and 1fr, respectively. A line named both “header-top” and “a-start” at the top, a line with four names—“header-bottom”, “main-top”, “a-end”, and “b-start”—in the middle, a line named “main-bottom” and “b-end” at the bottom. A line named “a-start” and “b-start” on the left edge, and a line named “a-end” and “b-end” on the right edge. The grid created by the declarations above. (The “a/b-start/end” names are implicitly assigned by the named grid areas.)",
+          "prose": "Sets grid-template-areas to the strings listed. Sets grid-template-rows to the <track-size>s following each string (filling in auto for any missing sizes), and splicing in the named lines defined before/after each size. Sets grid-template-columns to the track listing specified after the slash (or none, if not specified). This syntax allows the author to align track names and sizes inline with their respective grid areas. grid-template: [header-top] \"a a a\" [header-bottom] [main-top] \"b b b\" 1fr [main-bottom] / auto 1fr auto; is equivalent to grid-template-areas: \"a a a\" \"b b b\"; grid-template-rows: [header-top] auto [header-bottom main-top] 1fr [main-bottom]; grid-template-columns: auto 1fr auto; and creates the following grid: Three columns, sized auto, 1fr, and auto, respectively Two rows sized as auto and 1fr, respectively. A line named both “header-top” and “a-start” at the top, a line with four names—​“header-bottom”, “main-top”, “a-end”, and “b-start”—​in the middle, a line named “main-bottom” and “b-end” at the bottom. A line named “a-start” and “b-start” on the left edge, and a line named “a-end” and “b-end” on the right edge. The grid created by the declarations above. (The “a/b-start/end” names are implicitly assigned by the named grid areas.)",
           "type": "value",
           "value": "[ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?"
         }

package/css-images-4.json

@@ -161,7 +161,7 @@
     {
       "name": "<radial-gradient-syntax>",
       "type": "type",
-      "value": "[ [ [ <rg-ending-shape> || <rg-size> ]? [ at <position> ]? ] || <color-interpolation-method>]? , <color-stop-list>"
+      "value": "[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method>]? , <color-stop-list>"
     },
     {
       "name": "conic-gradient()",
@@ -307,5 +307,12 @@
       "prose": "Implementations must accept -webkit-image-set() as a parse-time alias of image-set(). (It’s a valid value, with identical arguments to image-set(), and is turned into image-set() during parsing.)",
       "type": "function"
     }
+  ],
+  "warnings": [
+    {
+      "msg": "Missing definition",
+      "name": "<radial-size>",
+      "value": "<radial-extent>{1,2} | <length-percentage [0,∞]>{1,2}"
+    }
   ]
 }

package/css-images.json

@@ -191,28 +191,28 @@
           "value": "<position>"
         },
         {
-          "name": "<rg-ending-shape>",
-          "prose": "Can be either circle or ellipse; determines whether the gradient’s ending shape is a circle or an ellipse, respectively. If <rg-ending-shape> is omitted, the ending shape defaults to a circle if the <rg-size> is a single <length>, and to an ellipse otherwise.",
+          "name": "<radial-shape>",
+          "prose": "Can be either circle or ellipse; determines whether the gradient’s ending shape is a circle or an ellipse, respectively. If <radial-shape> is omitted, the ending shape defaults to a circle if the <radial-size> is a single <length>, and to an ellipse otherwise.",
           "type": "value",
-          "value": "<rg-ending-shape>"
+          "value": "<radial-shape>"
         },
         {
-          "name": "<rg-size>",
-          "prose": "Determines the size of the gradient’s ending shape. If omitted it defaults to farthest-corner. It can be given explicitly or by keyword. For the purpose of the keyword definitions, consider the gradient box edges as extending infinitely in both directions, rather than being finite line segments. If the ending-shape is an ellipse, its axises are aligned with the horizontal and vertical axises. Both circle and ellipse gradients accept the following <rg-extent-keyword> values: If <rg-ending-shape> is specified as circle or is omitted, the <rg-size> may be given explicitly as: If <rg-ending-shape> is specified as ellipse or is omitted, <rg-size> may instead be given explicitly as:",
+          "name": "<radial-size>",
+          "prose": "Determines the size of the gradient’s ending shape. If omitted it defaults to farthest-corner. It can be given explicitly or by keyword. For the purpose of the keyword definitions, consider the gradient box edges as extending infinitely in both directions, rather than being finite line segments. If the ending-shape is an ellipse, its axises are aligned with the horizontal and vertical axises. Both circle and ellipse gradients accept the following <radial-extent> values: If <radial-shape> is specified as circle or is omitted, the <radial-size> may be given explicitly as: If <radial-shape> is specified as ellipse or is omitted, <radial-size> may instead be given explicitly as:",
           "type": "value",
-          "value": "<rg-size>"
+          "value": "<radial-size>"
         }
       ]
     },
     {
       "name": "<radial-gradient-syntax>",
       "type": "type",
-      "value": "[ <rg-ending-shape> || <rg-size> ]? [ at <position> ]? , <color-stop-list>"
+      "value": "[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>"
     },
     {
-      "name": "<rg-size>",
+      "name": "<radial-size>",
       "type": "type",
-      "value": "<rg-extent-keyword> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+      "value": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
       "values": [
         {
           "name": "<length [0,∞]>",
@@ -229,7 +229,7 @@
       ]
     },
     {
-      "name": "<rg-extent-keyword>",
+      "name": "<radial-extent>",
       "type": "type",
       "value": "closest-corner | closest-side | farthest-corner | farthest-side",
       "values": [
@@ -260,7 +260,7 @@
       ]
     },
     {
-      "name": "<rg-ending-shape>",
+      "name": "<radial-shape>",
       "type": "type",
       "value": "circle | ellipse",
       "values": [
@@ -295,16 +295,16 @@
           "value": "<position>"
         },
         {
-          "name": "<rg-ending-shape>",
-          "prose": "Can be either circle or ellipse; determines whether the gradient’s ending shape is a circle or an ellipse, respectively. If <rg-ending-shape> is omitted, the ending shape defaults to a circle if the <rg-size> is a single <length>, and to an ellipse otherwise.",
+          "name": "<radial-shape>",
+          "prose": "Can be either circle or ellipse; determines whether the gradient’s ending shape is a circle or an ellipse, respectively. If <radial-shape> is omitted, the ending shape defaults to a circle if the <radial-size> is a single <length>, and to an ellipse otherwise.",
           "type": "value",
-          "value": "<rg-ending-shape>"
+          "value": "<radial-shape>"
         },
         {
-          "name": "<rg-size>",
-          "prose": "Determines the size of the gradient’s ending shape. If omitted it defaults to farthest-corner. It can be given explicitly or by keyword. For the purpose of the keyword definitions, consider the gradient box edges as extending infinitely in both directions, rather than being finite line segments. If the ending-shape is an ellipse, its axises are aligned with the horizontal and vertical axises. Both circle and ellipse gradients accept the following <rg-extent-keyword> values: If <rg-ending-shape> is specified as circle or is omitted, the <rg-size> may be given explicitly as: If <rg-ending-shape> is specified as ellipse or is omitted, <rg-size> may instead be given explicitly as:",
+          "name": "<radial-size>",
+          "prose": "Determines the size of the gradient’s ending shape. If omitted it defaults to farthest-corner. It can be given explicitly or by keyword. For the purpose of the keyword definitions, consider the gradient box edges as extending infinitely in both directions, rather than being finite line segments. If the ending-shape is an ellipse, its axises are aligned with the horizontal and vertical axises. Both circle and ellipse gradients accept the following <radial-extent> values: If <radial-shape> is specified as circle or is omitted, the <radial-size> may be given explicitly as: If <radial-shape> is specified as ellipse or is omitted, <radial-size> may instead be given explicitly as:",
           "type": "value",
-          "value": "<rg-size>"
+          "value": "<radial-size>"
         }
       ]
     },

package/css-logical.json

@@ -287,442 +287,6 @@
         "padding-inline",
         "paddingInline"
       ]
-    },
-    {
-      "name": "border-block-start-width",
-      "value": "<'border-top-width'>",
-      "initial": "medium",
-      "appliesTo": "Same as border-top-width",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-width properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-width",
-      "styleDeclaration": [
-        "border-block-start-width",
-        "borderBlockStartWidth"
-      ]
-    },
-    {
-      "name": "border-block-end-width",
-      "value": "<'border-top-width'>",
-      "initial": "medium",
-      "appliesTo": "Same as border-top-width",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-width properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-width",
-      "styleDeclaration": [
-        "border-block-end-width",
-        "borderBlockEndWidth"
-      ]
-    },
-    {
-      "name": "border-inline-start-width",
-      "value": "<'border-top-width'>",
-      "initial": "medium",
-      "appliesTo": "Same as border-top-width",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-width properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-width",
-      "styleDeclaration": [
-        "border-inline-start-width",
-        "borderInlineStartWidth"
-      ]
-    },
-    {
-      "name": "border-inline-end-width",
-      "value": "<'border-top-width'>",
-      "initial": "medium",
-      "appliesTo": "Same as border-top-width",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-width properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-width",
-      "styleDeclaration": [
-        "border-inline-end-width",
-        "borderInlineEndWidth"
-      ]
-    },
-    {
-      "name": "border-block-width",
-      "value": "<'border-top-width'>{1,2}",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-block-width",
-        "borderBlockWidth"
-      ]
-    },
-    {
-      "name": "border-inline-width",
-      "value": "<'border-top-width'>{1,2}",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-inline-width",
-        "borderInlineWidth"
-      ]
-    },
-    {
-      "name": "border-block-start-style",
-      "value": "<'border-top-style'>",
-      "initial": "none",
-      "appliesTo": "Same as border-top-style",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-style properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "logicalPropertyGroup": "border-style",
-      "styleDeclaration": [
-        "border-block-start-style",
-        "borderBlockStartStyle"
-      ]
-    },
-    {
-      "name": "border-block-end-style",
-      "value": "<'border-top-style'>",
-      "initial": "none",
-      "appliesTo": "Same as border-top-style",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-style properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "logicalPropertyGroup": "border-style",
-      "styleDeclaration": [
-        "border-block-end-style",
-        "borderBlockEndStyle"
-      ]
-    },
-    {
-      "name": "border-inline-start-style",
-      "value": "<'border-top-style'>",
-      "initial": "none",
-      "appliesTo": "Same as border-top-style",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-style properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "logicalPropertyGroup": "border-style",
-      "styleDeclaration": [
-        "border-inline-start-style",
-        "borderInlineStartStyle"
-      ]
-    },
-    {
-      "name": "border-inline-end-style",
-      "value": "<'border-top-style'>",
-      "initial": "none",
-      "appliesTo": "Same as border-top-style",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-style properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "discrete",
-      "logicalPropertyGroup": "border-style",
-      "styleDeclaration": [
-        "border-inline-end-style",
-        "borderInlineEndStyle"
-      ]
-    },
-    {
-      "name": "border-block-style",
-      "value": "<'border-top-style'>{1,2}",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-block-style",
-        "borderBlockStyle"
-      ]
-    },
-    {
-      "name": "border-inline-style",
-      "value": "<'border-top-style'>{1,2}",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-inline-style",
-        "borderInlineStyle"
-      ]
-    },
-    {
-      "name": "border-block-start-color",
-      "value": "<'border-top-color'>",
-      "initial": "currentcolor",
-      "appliesTo": "Same as border-top-color",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-color properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-color",
-      "styleDeclaration": [
-        "border-block-start-color",
-        "borderBlockStartColor"
-      ]
-    },
-    {
-      "name": "border-block-end-color",
-      "value": "<'border-top-color'>",
-      "initial": "currentcolor",
-      "appliesTo": "Same as border-top-color",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-color properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-color",
-      "styleDeclaration": [
-        "border-block-end-color",
-        "borderBlockEndColor"
-      ]
-    },
-    {
-      "name": "border-inline-start-color",
-      "value": "<'border-top-color'>",
-      "initial": "currentcolor",
-      "appliesTo": "Same as border-top-color",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-color properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-color",
-      "styleDeclaration": [
-        "border-inline-start-color",
-        "borderInlineStartColor"
-      ]
-    },
-    {
-      "name": "border-inline-end-color",
-      "value": "<'border-top-color'>",
-      "initial": "currentcolor",
-      "appliesTo": "Same as border-top-color",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "Same as corresponding border-*-color properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-color",
-      "styleDeclaration": [
-        "border-inline-end-color",
-        "borderInlineEndColor"
-      ]
-    },
-    {
-      "name": "border-block-color",
-      "value": "<'border-top-color'>{1,2}",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-block-color",
-        "borderBlockColor"
-      ]
-    },
-    {
-      "name": "border-inline-color",
-      "value": "<'border-top-color'>{1,2}",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-inline-color",
-        "borderInlineColor"
-      ]
-    },
-    {
-      "name": "border-block-start",
-      "value": "<'border-top-width'> || <'border-top-style'> || <color>",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-block-start",
-        "borderBlockStart"
-      ]
-    },
-    {
-      "name": "border-block-end",
-      "value": "<'border-top-width'> || <'border-top-style'> || <color>",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-block-end",
-        "borderBlockEnd"
-      ]
-    },
-    {
-      "name": "border-inline-start",
-      "value": "<'border-top-width'> || <'border-top-style'> || <color>",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-inline-start",
-        "borderInlineStart"
-      ]
-    },
-    {
-      "name": "border-inline-end",
-      "value": "<'border-top-width'> || <'border-top-style'> || <color>",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-inline-end",
-        "borderInlineEnd"
-      ]
-    },
-    {
-      "name": "border-block",
-      "value": "<'border-block-start'>",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-block",
-        "borderBlock"
-      ]
-    },
-    {
-      "name": "border-inline",
-      "value": "<'border-block-start'>",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "border-inline",
-        "borderInline"
-      ]
-    },
-    {
-      "name": "border-start-start-radius",
-      "value": "<'border-top-left-radius'>",
-      "initial": "Same as border-top-left-radius",
-      "appliesTo": "Same as border-top-left-radius",
-      "inherited": "no",
-      "percentages": "Same as border-top-left-radius",
-      "computedValue": "Same as corresponding physical border-*-radius properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-radius",
-      "styleDeclaration": [
-        "border-start-start-radius",
-        "borderStartStartRadius"
-      ]
-    },
-    {
-      "name": "border-start-end-radius",
-      "value": "<'border-top-left-radius'>",
-      "initial": "Same as border-top-left-radius",
-      "appliesTo": "Same as border-top-left-radius",
-      "inherited": "no",
-      "percentages": "Same as border-top-left-radius",
-      "computedValue": "Same as corresponding physical border-*-radius properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-radius",
-      "styleDeclaration": [
-        "border-start-end-radius",
-        "borderStartEndRadius"
-      ]
-    },
-    {
-      "name": "border-end-start-radius",
-      "value": "<'border-top-left-radius'>",
-      "initial": "Same as border-top-left-radius",
-      "appliesTo": "Same as border-top-left-radius",
-      "inherited": "no",
-      "percentages": "Same as border-top-left-radius",
-      "computedValue": "Same as corresponding physical border-*-radius properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-radius",
-      "styleDeclaration": [
-        "border-end-start-radius",
-        "borderEndStartRadius"
-      ]
-    },
-    {
-      "name": "border-end-end-radius",
-      "value": "<'border-top-left-radius'>",
-      "initial": "Same as border-top-left-radius",
-      "appliesTo": "Same as border-top-left-radius",
-      "inherited": "no",
-      "percentages": "Same as border-top-left-radius",
-      "computedValue": "Same as corresponding physical border-*-radius properties",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "border-radius",
-      "styleDeclaration": [
-        "border-end-end-radius",
-        "borderEndEndRadius"
-      ]
     }
   ],
   "atrules": [],

package/css-overflow-4.json

@@ -250,7 +250,7 @@
         },
         {
           "name": "auto",
-          "prose": "Render an ellipsis character (U+2026)—or a more typographically-appropriate equivalent—as the block overflow ellipsis at the end of the affected line box. UAs should use the conventions of the content language, writing system, and writing mode to determine the most appropriate ellipsis string.",
+          "prose": "Render an ellipsis character (U+2026)—​or a more typographically-appropriate equivalent—​as the block overflow ellipsis at the end of the affected line box. UAs should use the conventions of the content language, writing system, and writing mode to determine the most appropriate ellipsis string.",
           "type": "value",
           "value": "auto"
         },

package/css-rhythm.json

@@ -97,7 +97,7 @@
         },
         {
           "name": "nearest",
-          "prose": "The outer size of the box is either increased (as for up) or decreased (as for down—whichever results in the smallest absolute change—to fulfill the block-step-size constraint. If both options would result in the same amount of change, the size is increased.",
+          "prose": "The outer size of the box is either increased (as for up) or decreased (as for down—​whichever results in the smallest absolute change—​to fulfill the block-step-size constraint. If both options would result in the same amount of change, the size is increased.",
           "type": "value",
           "value": "nearest"
         }