@webref/css 6.0.0 → 6.1.0

package/CSS.json

@@ -285,7 +285,7 @@
   ],
   "values": [
     {
-      "name": "<identifier>",
+      "name": "identifiers",
       "type": "type"
     },
     {
@@ -480,5 +480,39 @@
       "name": "<relative-size>",
       "type": "type"
     }
+  ],
+  "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "thin",
+      "prose": "A thin border.",
+      "type": "value",
+      "value": "thin",
+      "for": "border-bottom-right"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "medium",
+      "prose": "A medium border.",
+      "type": "value",
+      "value": "medium",
+      "for": "border-bottom-right"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "thick",
+      "prose": "A thick border.",
+      "type": "value",
+      "value": "thick",
+      "for": "border-bottom-right"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "<length>",
+      "prose": "The border’s thickness has an explicit value. Explicit border widths cannot be negative.",
+      "type": "value",
+      "value": "<length>",
+      "for": "border-bottom-right"
+    }
   ]
 }

package/css-align.json

@@ -336,6 +336,24 @@
       "type": "type",
       "value": "center | start | end | self-start | self-end | flex-start | flex-end",
       "values": [
+        {
+          "name": "center",
+          "prose": "Centers the alignment subject within its alignment container.",
+          "type": "value",
+          "value": "center"
+        },
+        {
+          "name": "start",
+          "prose": "Aligns the alignment subject to be flush with the alignment container’s start edge in the appropriate axis.",
+          "type": "value",
+          "value": "start"
+        },
+        {
+          "name": "end",
+          "prose": "Aligns the alignment subject to be flush with the alignment container’s end edge in the appropriate axis.",
+          "type": "value",
+          "value": "end"
+        },
         {
           "name": "self-start",
           "prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the alignment subject’s start side in the appropriate axis.",
@@ -347,13 +365,57 @@
           "prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the alignment subject’s end side in the appropriate axis.",
           "type": "value",
           "value": "self-end"
+        },
+        {
+          "name": "flex-start",
+          "prose": "Only used in flex layout. [CSS-FLEXBOX-1] Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-start or cross-start side, as appropriate. When used outside of a flex formatting context, this value behaves as start. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as start when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as start when used in the content-distribution properties.",
+          "type": "value",
+          "value": "flex-start"
+        },
+        {
+          "name": "flex-end",
+          "prose": "Only used in flex layout. Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-end or cross-end side, as appropriate. When used outside of a flex formatting context, this value behaves as end. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as end when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as end when used in the content-distribution properties.",
+          "type": "value",
+          "value": "flex-end"
         }
       ]
     },
     {
       "name": "<content-position>",
       "type": "type",
-      "value": "center | start | end | flex-start | flex-end"
+      "value": "center | start | end | flex-start | flex-end",
+      "values": [
+        {
+          "name": "center",
+          "prose": "Centers the alignment subject within its alignment container.",
+          "type": "value",
+          "value": "center"
+        },
+        {
+          "name": "start",
+          "prose": "Aligns the alignment subject to be flush with the alignment container’s start edge in the appropriate axis.",
+          "type": "value",
+          "value": "start"
+        },
+        {
+          "name": "end",
+          "prose": "Aligns the alignment subject to be flush with the alignment container’s end edge in the appropriate axis.",
+          "type": "value",
+          "value": "end"
+        },
+        {
+          "name": "flex-start",
+          "prose": "Only used in flex layout. [CSS-FLEXBOX-1] Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-start or cross-start side, as appropriate. When used outside of a flex formatting context, this value behaves as start. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as start when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as start when used in the content-distribution properties.",
+          "type": "value",
+          "value": "flex-start"
+        },
+        {
+          "name": "flex-end",
+          "prose": "Only used in flex layout. Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-end or cross-end side, as appropriate. When used outside of a flex formatting context, this value behaves as end. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as end when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as end when used in the content-distribution properties.",
+          "type": "value",
+          "value": "flex-end"
+        }
+      ]
     },
     {
       "name": "<baseline-position>",
@@ -367,16 +429,16 @@
           "value": "baseline"
         },
         {
-          "name": "first baseline | first",
+          "name": "first baseline",
           "prose": "Specifies participation in first-baseline alignment: aligns the alignment baseline of the box’s first baseline set with the corresponding baseline of its baseline-sharing group. See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for first baseline is safe self-start (for self-alignment) or safe start (for content-distribution).",
           "type": "value",
-          "value": "first baseline | first"
+          "value": "first baseline"
         },
         {
-          "name": "last baseline | last",
+          "name": "last baseline",
           "prose": "Specifies participation in last-baseline alignment: aligns the alignment baseline of the box’s last baseline set with the corresponding baseline of its baseline-sharing group.̣ See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for last baseline is safe self-end (for self-alignment) or safe end (for content-distribution).",
           "type": "value",
-          "value": "last baseline | last"
+          "value": "last baseline"
         }
       ]
     },

package/css-content.json

@@ -39,8 +39,9 @@
           "values": [
             {
               "name": "<string>",
-              "value": "<string>",
-              "type": "value"
+              "prose": "Represents an anonymous inline box filled with the specified text.",
+              "type": "value",
+              "value": "<string>"
             },
             {
               "name": "<image>",
@@ -171,8 +172,9 @@
           "values": [
             {
               "name": "<string>",
-              "value": "<string>",
-              "type": "value"
+              "prose": "Represents an anonymous inline box filled with the specified text.",
+              "type": "value",
+              "value": "<string>"
             },
             {
               "name": "<image>",
@@ -235,7 +237,33 @@
     {
       "name": "<quote>",
       "type": "type",
-      "value": "open-quote | close-quote | no-open-quote | no-close-quote"
+      "value": "open-quote | close-quote | no-open-quote | no-close-quote",
+      "values": [
+        {
+          "name": "open-quote",
+          "prose": "These values are replaced by the appropriate string from the quotes property, and increments (decrements) the level of nesting for quotes. See § 2.4.1 Specifying quotes with the quotes property for more information.",
+          "type": "value",
+          "value": "open-quote"
+        },
+        {
+          "name": "close-quote",
+          "prose": "These values are replaced by the appropriate string from the quotes property, and increments (decrements) the level of nesting for quotes. See § 2.4.1 Specifying quotes with the quotes property for more information.",
+          "type": "value",
+          "value": "close-quote"
+        },
+        {
+          "name": "no-open-quote",
+          "prose": "Inserts nothing (as in none), but increments (decrements) the level of nesting for quotes. See § 2.4.1 Specifying quotes with the quotes property for more information.",
+          "type": "value",
+          "value": "no-open-quote"
+        },
+        {
+          "name": "no-close-quote",
+          "prose": "Inserts nothing (as in none), but increments (decrements) the level of nesting for quotes. See § 2.4.1 Specifying quotes with the quotes property for more information.",
+          "type": "value",
+          "value": "no-close-quote"
+        }
+      ]
     },
     {
       "name": "leader()",

package/css-grid.json

@@ -657,10 +657,10 @@
       "type": "type",
       "values": [
         {
-          "name": "fr|fr unit",
+          "name": "fr",
           "prose": "A flexible length or <flex> is a dimension with the fr unit, which represents a fraction of the leftover space in the grid container. Tracks sized with fr units are called flexible tracks as they flex in response to leftover space similar to how flex items with a zero base size fill space in a flex container.",
           "type": "value",
-          "value": "fr|fr unit"
+          "value": "fr"
         }
       ]
     }

package/css-images-4.json

@@ -166,7 +166,21 @@
     {
       "name": "conic-gradient()",
       "type": "function",
-      "value": "conic-gradient( [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method>, <angular-color-stop-list> )"
+      "value": "conic-gradient( [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method>, <angular-color-stop-list> )",
+      "values": [
+        {
+          "name": "<angle>",
+          "prose": "The entire gradient is rotated by this angle. If omitted, defaults to 0deg. The unit identifier may be omitted if the <angle> is zero.",
+          "type": "value",
+          "value": "<angle>"
+        },
+        {
+          "name": "<position>",
+          "prose": "Determines the gradient center of the gradient. The <position> value type (which is also used for background-position) is defined in [CSS-VALUES-3], and is resolved using the center-point as the object area and the gradient box as the positioning area. If this argument is omitted, it defaults to center.",
+          "type": "value",
+          "value": "<position>"
+        }
+      ]
     },
     {
       "name": "repeating-linear-gradient()",
@@ -181,7 +195,21 @@
     {
       "name": "repeating-conic-gradient()",
       "prose": "In addition to linear-gradient(), radial-gradient(), and conic-gradient(), this specification defines repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
-      "type": "function"
+      "type": "function",
+      "values": [
+        {
+          "name": "<angle>",
+          "prose": "The entire gradient is rotated by this angle. If omitted, defaults to 0deg. The unit identifier may be omitted if the <angle> is zero.",
+          "type": "value",
+          "value": "<angle>"
+        },
+        {
+          "name": "<position>",
+          "prose": "Determines the gradient center of the gradient. The <position> value type (which is also used for background-position) is defined in [CSS-VALUES-3], and is resolved using the center-point as the object area and the gradient box as the positioning area. If this argument is omitted, it defaults to center.",
+          "type": "value",
+          "value": "<position>"
+        }
+      ]
     },
     {
       "name": "<color-stop-list>",

package/css-images-5.json

@@ -0,0 +1,40 @@
+{
+  "spec": {
+    "title": "CSS Images Module Level 5",
+    "url": "https://drafts.csswg.org/css-images-5/"
+  },
+  "properties": [
+    {
+      "name": "object-view-box",
+      "value": "none | <basic-shape-rect>",
+      "initial": "none",
+      "appliesTo": "replaced elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword, or computed function",
+      "canonicalOrder": "per grammar",
+      "animationType": "as if possible, otherwise discrete",
+      "values": [
+        {
+          "name": "none",
+          "prose": "The element does not have a view box.",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "<basic-shape-rect>",
+          "prose": "If the element does not have both a natural width and a natural height, this value has no effect, similar to none. Otherwise, specifies a view box for the element. First, resolve the <basic-shape-rect> against a reference box formed by the element’s natural sizes to obtain the element’s view box. For all purposes, the element is now treated as having natural sizes equal to the view box’s width and height. If the element had a natural aspect ratio, it’s now treated as instead having the same ratio as the view box. Further adjustments to the size/position of the element’s contents, such as object-position or object-fit, are similarly performed on the view box instead. When the element is painted, its contents are scaled and translated such that the element’s contents retain the same position and size, relative to the view box’s final size and position, that they had when the view box was determined (above). Have not yet defined what happens if the view box is zero-area. It’s an error case, so precise behavior isn’t important; just need to see what impls want to do about it.",
+          "type": "value",
+          "value": "<basic-shape-rect>"
+        }
+      ],
+      "styleDeclaration": [
+        "object-view-box",
+        "objectViewBox"
+      ]
+    }
+  ],
+  "atrules": [],
+  "selectors": [],
+  "values": []
+}

package/css-images.json

@@ -185,6 +185,68 @@
       "type": "function",
       "value": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
       "values": [
+        {
+          "name": "<position>",
+          "prose": "Determines the center of the gradient. The <position> value type (which is also used for background-position) is defined in [CSS-VALUES-3], and is resolved using the center-point as the object area and the gradient box as the positioning area. If this argument is omitted, it defaults to center.",
+          "type": "value",
+          "value": "<position>"
+        },
+        {
+          "name": "<ending-shape>",
+          "prose": "Can be either circle or ellipse; determines whether the gradient’s ending shape is a circle or an ellipse, respectively. If <ending-shape> is omitted, the ending shape defaults to a circle if the <size> is a single <length>, and to an ellipse otherwise.",
+          "type": "value",
+          "value": "<ending-shape>",
+          "values": [
+            {
+              "name": "circle",
+              "type": "value",
+              "value": "circle"
+            },
+            {
+              "name": "ellipse",
+              "type": "value",
+              "value": "ellipse"
+            }
+          ]
+        },
+        {
+          "name": "<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 <extent-keyword> values: If <ending-shape> is specified as circle or is omitted, the <size> may be given explicitly as: If <ending-shape> is specified as ellipse or is omitted, <size> may instead be given explicitly as:",
+          "type": "value",
+          "value": "<extent-keyword> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+          "values": [
+            {
+              "name": "closest-side",
+              "prose": "The ending shape is sized so that it exactly meets the side of the gradient box closest to the gradient’s center. If the shape is an ellipse, it exactly meets the closest side in each dimension.",
+              "type": "value",
+              "value": "closest-side"
+            },
+            {
+              "name": "farthest-side",
+              "prose": "Same as closest-side, except the ending shape is sized based on the farthest side(s).",
+              "type": "value",
+              "value": "farthest-side"
+            },
+            {
+              "name": "closest-corner",
+              "prose": "The ending shape is sized so that it passes through the corner of the gradient box closest to the gradient’s center. If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified.",
+              "type": "value",
+              "value": "closest-corner"
+            },
+            {
+              "name": "farthest-corner",
+              "prose": "Same as closest-corner, except the ending shape is sized based on the farthest corner. If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified.",
+              "type": "value",
+              "value": "farthest-corner"
+            }
+          ]
+        },
+        {
+          "name": "<extent-keyword>",
+          "prose": "Both circle and ellipse gradients accept the following <extent-keyword> values:",
+          "type": "value",
+          "value": "closest-corner | closest-side | farthest-corner | farthest-side"
+        },
         {
           "name": "<length [0,∞]>",
           "prose": "Gives the radius of the circle explicitly. Negative values are invalid.",
@@ -207,7 +269,71 @@
     {
       "name": "repeating-radial-gradient()",
       "prose": "In addition to linear-gradient() and radial-gradient(), this specification defines repeating-linear-gradient() and repeating-radial-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
-      "type": "function"
+      "type": "function",
+      "values": [
+        {
+          "name": "<position>",
+          "prose": "Determines the center of the gradient. The <position> value type (which is also used for background-position) is defined in [CSS-VALUES-3], and is resolved using the center-point as the object area and the gradient box as the positioning area. If this argument is omitted, it defaults to center.",
+          "type": "value",
+          "value": "<position>"
+        },
+        {
+          "name": "<ending-shape>",
+          "prose": "Can be either circle or ellipse; determines whether the gradient’s ending shape is a circle or an ellipse, respectively. If <ending-shape> is omitted, the ending shape defaults to a circle if the <size> is a single <length>, and to an ellipse otherwise.",
+          "type": "value",
+          "value": "<ending-shape>",
+          "values": [
+            {
+              "name": "circle",
+              "type": "value",
+              "value": "circle"
+            },
+            {
+              "name": "ellipse",
+              "type": "value",
+              "value": "ellipse"
+            }
+          ]
+        },
+        {
+          "name": "<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 <extent-keyword> values: If <ending-shape> is specified as circle or is omitted, the <size> may be given explicitly as: If <ending-shape> is specified as ellipse or is omitted, <size> may instead be given explicitly as:",
+          "type": "value",
+          "value": "<extent-keyword> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
+          "values": [
+            {
+              "name": "closest-side",
+              "prose": "The ending shape is sized so that it exactly meets the side of the gradient box closest to the gradient’s center. If the shape is an ellipse, it exactly meets the closest side in each dimension.",
+              "type": "value",
+              "value": "closest-side"
+            },
+            {
+              "name": "farthest-side",
+              "prose": "Same as closest-side, except the ending shape is sized based on the farthest side(s).",
+              "type": "value",
+              "value": "farthest-side"
+            },
+            {
+              "name": "closest-corner",
+              "prose": "The ending shape is sized so that it passes through the corner of the gradient box closest to the gradient’s center. If the shape is an ellipse, the ending shape is given the same aspect-ratio it would have if closest-side were specified.",
+              "type": "value",
+              "value": "closest-corner"
+            },
+            {
+              "name": "farthest-corner",
+              "prose": "Same as closest-corner, except the ending shape is sized based on the farthest corner. If the shape is an ellipse, the ending shape is given the same aspect ratio it would have if farthest-side were specified.",
+              "type": "value",
+              "value": "farthest-corner"
+            }
+          ]
+        },
+        {
+          "name": "<extent-keyword>",
+          "prose": "Both circle and ellipse gradients accept the following <extent-keyword> values:",
+          "type": "value",
+          "value": "closest-corner | closest-side | farthest-corner | farthest-side"
+        }
+      ]
     },
     {
       "name": "<color-stop-list>",

package/css-lists.json

@@ -169,6 +169,12 @@
           "prose": "Instantiates a reversed counter of the given <counter-name> with a starting value of the given <integer>, or no starting value if not given.",
           "type": "value",
           "value": "<reversed-counter-name> <integer>?"
+        },
+        {
+          "name": "list-item",
+          "prose": "In addition to any explicitly defined counters that authors write in their styles, list items automatically increment a special list-item counter, which is used when generating the default marker string on list items (see list-style-type).",
+          "type": "value",
+          "value": "list-item"
         }
       ],
       "styleDeclaration": [
@@ -198,6 +204,12 @@
           "prose": "Sets (for counter-set) or increments (for counter-increment) the value of the named counter on the element to/by the specified <integer>. If the <integer> is omitted, it defaults to 1 (for counter-increment) or 0 (for counter-set). If there is not currently a counter of the given name on the element, the element instantiates a new counter of the given name with a starting value of 0 before setting or incrementing its value.",
           "type": "value",
           "value": "<counter-name> <integer>?"
+        },
+        {
+          "name": "list-item",
+          "prose": "In addition to any explicitly defined counters that authors write in their styles, list items automatically increment a special list-item counter, which is used when generating the default marker string on list items (see list-style-type).",
+          "type": "value",
+          "value": "list-item"
         }
       ],
       "styleDeclaration": [
@@ -227,6 +239,12 @@
           "prose": "Sets (for counter-set) or increments (for counter-increment) the value of the named counter on the element to/by the specified <integer>. If the <integer> is omitted, it defaults to 1 (for counter-increment) or 0 (for counter-set). If there is not currently a counter of the given name on the element, the element instantiates a new counter of the given name with a starting value of 0 before setting or incrementing its value.",
           "type": "value",
           "value": "<counter-name> <integer>?"
+        },
+        {
+          "name": "list-item",
+          "prose": "In addition to any explicitly defined counters that authors write in their styles, list items automatically increment a special list-item counter, which is used when generating the default marker string on list items (see list-style-type).",
+          "type": "value",
+          "value": "list-item"
         }
       ],
       "styleDeclaration": [
@@ -256,12 +274,28 @@
     {
       "name": "counter()",
       "type": "function",
-      "value": "counter( <counter-name>, <counter-style>? )"
+      "value": "counter( <counter-name>, <counter-style>? )",
+      "values": [
+        {
+          "name": "list-item",
+          "prose": "In addition to any explicitly defined counters that authors write in their styles, list items automatically increment a special list-item counter, which is used when generating the default marker string on list items (see list-style-type).",
+          "type": "value",
+          "value": "list-item"
+        }
+      ]
     },
     {
       "name": "counters()",
       "type": "function",
-      "value": "counters( <counter-name>, <string>, <counter-style>? )"
+      "value": "counters( <counter-name>, <string>, <counter-style>? )",
+      "values": [
+        {
+          "name": "list-item",
+          "prose": "In addition to any explicitly defined counters that authors write in their styles, list items automatically increment a special list-item counter, which is used when generating the default marker string on list items (see list-style-type).",
+          "type": "value",
+          "value": "list-item"
+        }
+      ]
     }
   ]
 }

package/css-nav.json

@@ -56,8 +56,9 @@
         },
         {
           "name": "scroll",
-          "value": "scroll",
-          "type": "value"
+          "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": [

package/css-ruby.json

@@ -35,8 +35,9 @@
         },
         {
           "name": "inter-character",
-          "value": "inter-character",
-          "type": "value"
+          "prose": "If the writing mode of the enclosing ruby container is vertical, this value has the same effect as over. Otherwise, the ruby annotation becomes an inter-character annotation. The annotation appears on the right of the base in horizontal text. This forces the computed value of writing-mode of the ruby annotation children of this ruby annotation container to be vertical-rl. This value is provided for the special case of traditional Chinese as used especially in Taiwan: ruby (made of bopomofo glyphs) in that context appears vertically along the right side of the base glyph, even when the layout of the base characters is horizontal: “Bopomofo” ruby in traditional Chinese (ruby annotation shown in blue for clarity) in horizontal layout",
+          "type": "value",
+          "value": "inter-character"
         }
       ],
       "styleDeclaration": [

package/css-ui.json

@@ -484,8 +484,9 @@
         },
         {
           "name": "contain",
-          "value": "contain",
-          "type": "value"
+          "prose": "UAs must not allow a selection which is started in this element to be extended outside of this element. A selection started outside of this element must not end in this element. If the user attempts to create such a selection, the UA must instead end the selection range at the element boundary. The UA must allow selections to extend across this element, and such selections must include the content of the element.",
+          "type": "value",
+          "value": "contain"
         },
         {
           "name": "all",

package/css-values.json

@@ -127,9 +127,10 @@
       "type": "type",
       "values": [
         {
-          "name": "em unit",
-          "value": "em unit",
-          "type": "value"
+          "name": "em",
+          "prose": "Equal to the computed value of the font-size property of the element on which it is used. The rule: h1 { line-height: 1.2em } means that the line height of h1 elements will be 20% greater than the font size of h1 element. On the other hand: h1 { font-size: 1.2em } means that the font size of h1 elements will be 20% greater than the computed font size inherited by h1 elements.",
+          "type": "value",
+          "value": "em"
         },
         {
           "name": "rem",

package/package.json

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