@webref/css 6.10.4 → 6.11.0

package/css-display.json

@@ -6,6 +6,7 @@
   "properties": [
     {
       "name": "display",
+      "href": "https://drafts.csswg.org/css-display-4/#propdef-display",
       "value": "[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>",
       "initial": "inline",
       "appliesTo": "all elements",
@@ -18,6 +19,7 @@
         {
           "name": "list-item",
           "prose": "The list-item keyword causes the element to generate a ::marker pseudo-element [CSS-PSEUDO-4] with the content specified by its list-style properties (CSS 2.1§12.5 Lists) [CSS2] together with a principal box of the specified type for its own contents.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-list-item",
           "type": "value",
           "value": "list-item"
         }
@@ -28,6 +30,7 @@
     },
     {
       "name": "order",
+      "href": "https://drafts.csswg.org/css-display-4/#propdef-order",
       "value": "[ <'layout-order'> <'reading-order'>? ] | [ [ reading || layout ] && <integer> ]",
       "initial": "see individual properties",
       "appliesTo": "flex items and grid items",
@@ -40,18 +43,21 @@
         {
           "name": "<integer>",
           "prose": "If one integer and no keyword is specified, then sets layout-order to the specified integer, and sets reading-order to its initial value. If two integers are specified, the first sets layout-order and the second sets reading-order. Otherwise sets the appropriate longhand(s) to the specified integer(s).",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-order-integer",
           "type": "value",
           "value": "<integer>"
         },
         {
           "name": "layout",
           "prose": "Indicates setting layout-order to the specified integer. If reading is not specified, reading-order is set to its initial value.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-order-layout",
           "type": "value",
           "value": "layout"
         },
         {
           "name": "reading",
           "prose": "Indicates setting reading-order to the specified integer. If layout is not specified, layout-order is set to its initial value.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-order-reading",
           "type": "value",
           "value": "reading"
         }
@@ -62,6 +68,7 @@
     },
     {
       "name": "reading-order",
+      "href": "https://drafts.csswg.org/css-display-4/#propdef-reading-order",
       "value": "<integer>",
       "initial": "0",
       "appliesTo": "all elements",
@@ -74,6 +81,7 @@
         {
           "name": "<integer>",
           "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.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-integer",
           "type": "value",
           "value": "<integer>"
         }
@@ -85,6 +93,7 @@
     },
     {
       "name": "layout-order",
+      "href": "https://drafts.csswg.org/css-display-4/#propdef-layout-order",
       "value": "<integer>",
       "initial": "0",
       "appliesTo": "flex items and grid items",
@@ -97,6 +106,7 @@
         {
           "name": "<integer>",
           "prose": "Specifically, the layout-order property controls the order in which flex items or grid items appear within their container by assigning them to the ordinal groups, as specified by its <integer> value.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-layout-order-integer",
           "type": "value",
           "value": "<integer>"
         }
@@ -108,6 +118,7 @@
     },
     {
       "name": "visibility",
+      "href": "https://drafts.csswg.org/css-display-4/#propdef-visibility",
       "value": "visible | hidden | collapse",
       "initial": "visible",
       "appliesTo": "all elements",
@@ -121,18 +132,21 @@
         {
           "name": "visible",
           "prose": "The generated box is visible, as normal.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-visibility-visible",
           "type": "value",
           "value": "visible"
         },
         {
           "name": "hidden",
           "prose": "Any boxes generated by the element are invisible. Descendants of the element can, however, be visible if they have visibility: visible.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-visibility-hidden",
           "type": "value",
           "value": "hidden"
         },
         {
           "name": "collapse",
           "prose": "Indicates that the box is collapsed, which can cause it to take up less space than otherwise in a formatting-context–specific way. See dynamic row and column effects in tables [CSS2] and collapsed flex items in flex layout [CSS-FLEXBOX-1]. In all other cases, however, (i.e. unless otherwise specified) this simply makes the box invisible, just like hidden.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-visibility-collapse",
           "type": "value",
           "value": "collapse"
         }
@@ -147,24 +161,28 @@
   "values": [
     {
       "name": "<display-outside>",
+      "href": "https://drafts.csswg.org/css-display-4/#typedef-display-outside",
       "type": "type",
       "value": "block | inline | run-in",
       "values": [
         {
           "name": "block",
           "prose": "The element generates a box that is block-level when placed in flow layout. [CSS2]",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-block",
           "type": "value",
           "value": "block"
         },
         {
           "name": "inline",
           "prose": "The element generates a box that is inline-level when placed in flow layout. [CSS2]",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-inline",
           "type": "value",
           "value": "inline"
         },
         {
           "name": "run-in",
           "prose": "The element generates an run-in box, which is a type of inline-level box with special behavior that attempts to merge it into a subsequent block container. See § 5 Run-In Layout for details.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-run-in",
           "type": "value",
           "value": "run-in"
         }
@@ -172,42 +190,49 @@
     },
     {
       "name": "<display-inside>",
+      "href": "https://drafts.csswg.org/css-display-4/#typedef-display-inside",
       "type": "type",
       "value": "flow | flow-root | table | flex | grid | ruby",
       "values": [
         {
           "name": "flow",
           "prose": "The element lays out its contents using flow layout (block-and-inline layout). If its outer display type is inline or run-in, and it is participating in a block or inline formatting context, then it generates an inline box. Otherwise it generates a block container box. Depending on the value of other properties (such as position, float, or overflow) and whether it is itself participating in a block or inline formatting context, it either establishes a new block formatting context for its contents or integrates its contents into its parent formatting context. See CSS2.1 Chapter 9. [CSS2] A block container that establishes a new block formatting context is considered to have a used inner display type of flow-root.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-flow",
           "type": "value",
           "value": "flow"
         },
         {
           "name": "flow-root",
           "prose": "The element generates a block container box, and lays out its contents using flow layout. It always establishes a new block formatting context for its contents. [CSS2]",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-flow-root",
           "type": "value",
           "value": "flow-root"
         },
         {
           "name": "table",
           "prose": "The element generates a principal table wrapper box that establishes a block formatting context, and which contains an additionally-generated table grid box that establishes a table formatting context. [CSS2]",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table",
           "type": "value",
           "value": "table"
         },
         {
           "name": "flex",
           "prose": "The element generates a principal flex container box and establishes a flex formatting context. [CSS-FLEXBOX-1]",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-flex",
           "type": "value",
           "value": "flex"
         },
         {
           "name": "grid",
           "prose": "The element generates a principal grid container box, and establishes a grid formatting context. [CSS-GRID-1] (Grids using subgrid might not generate a new grid formatting context; see [CSS-GRID-2] for details.)",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-grid",
           "type": "value",
           "value": "grid"
         },
         {
           "name": "ruby",
           "prose": "The element generates a ruby container box and establishes a ruby formatting context in addition to integrating its base-level contents into its parent formatting context (if it is inline) or generating a wrapper box of the appropriate outer display type (if it is not). [CSS-RUBY-1]",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-ruby",
           "type": "value",
           "value": "ruby"
         }
@@ -215,83 +240,97 @@
     },
     {
       "name": "<display-listitem>",
+      "href": "https://drafts.csswg.org/css-display-4/#typedef-display-listitem",
       "type": "type",
       "value": "<display-outside>? && [ flow | flow-root ]? && list-item"
     },
     {
       "name": "<display-internal>",
+      "href": "https://drafts.csswg.org/css-display-4/#typedef-display-internal",
       "type": "type",
       "value": "table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container",
       "values": [
         {
           "name": "table-row-group",
           "prose": "The element is an internal table element. It generates the appropriate internal table box which participates in a table formatting context. See CSS2§17.2 [CSS2]. table-cell boxes have a flow-root inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table-row-group",
           "type": "value",
           "value": "table-row-group"
         },
         {
           "name": "table-header-group",
           "prose": "The element is an internal table element. It generates the appropriate internal table box which participates in a table formatting context. See CSS2§17.2 [CSS2]. table-cell boxes have a flow-root inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table-header-group",
           "type": "value",
           "value": "table-header-group"
         },
         {
           "name": "table-footer-group",
           "prose": "The element is an internal table element. It generates the appropriate internal table box which participates in a table formatting context. See CSS2§17.2 [CSS2]. table-cell boxes have a flow-root inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table-footer-group",
           "type": "value",
           "value": "table-footer-group"
         },
         {
           "name": "table-row",
           "prose": "The element is an internal table element. It generates the appropriate internal table box which participates in a table formatting context. See CSS2§17.2 [CSS2]. table-cell boxes have a flow-root inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table-row",
           "type": "value",
           "value": "table-row"
         },
         {
           "name": "table-cell",
           "prose": "The element is an internal table element. It generates the appropriate internal table box which participates in a table formatting context. See CSS2§17.2 [CSS2]. table-cell boxes have a flow-root inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table-cell",
           "type": "value",
           "value": "table-cell"
         },
         {
           "name": "table-column-group",
           "prose": "The element is an internal table element. It generates the appropriate internal table box which participates in a table formatting context. See CSS2§17.2 [CSS2]. table-cell boxes have a flow-root inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table-column-group",
           "type": "value",
           "value": "table-column-group"
         },
         {
           "name": "table-column",
           "prose": "The element is an internal table element. It generates the appropriate internal table box which participates in a table formatting context. See CSS2§17.2 [CSS2]. table-cell boxes have a flow-root inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table-column",
           "type": "value",
           "value": "table-column"
         },
         {
           "name": "table-caption",
           "prose": "The element generates a table caption box, which is a block box with special behavior with respect to table and table wrapper boxes. See CSS2§17.2 [CSS2]. table-caption boxes have a flow-root inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-table-caption",
           "type": "value",
           "value": "table-caption"
         },
         {
           "name": "ruby-base",
           "prose": "The element is an internal ruby element. It generates the appropriate internal ruby box which participates in a ruby formatting context. [CSS-RUBY-1] ruby-base and ruby-text have a flow inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-ruby-base",
           "type": "value",
           "value": "ruby-base"
         },
         {
           "name": "ruby-text",
           "prose": "The element is an internal ruby element. It generates the appropriate internal ruby box which participates in a ruby formatting context. [CSS-RUBY-1] ruby-base and ruby-text have a flow inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-ruby-text",
           "type": "value",
           "value": "ruby-text"
         },
         {
           "name": "ruby-base-container",
           "prose": "The element is an internal ruby element. It generates the appropriate internal ruby box which participates in a ruby formatting context. [CSS-RUBY-1] ruby-base and ruby-text have a flow inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-ruby-base-container",
           "type": "value",
           "value": "ruby-base-container"
         },
         {
           "name": "ruby-text-container",
           "prose": "The element is an internal ruby element. It generates the appropriate internal ruby box which participates in a ruby formatting context. [CSS-RUBY-1] ruby-base and ruby-text have a flow inner display type.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-ruby-text-container",
           "type": "value",
           "value": "ruby-text-container"
         }
@@ -299,18 +338,21 @@
     },
     {
       "name": "<display-box>",
+      "href": "https://drafts.csswg.org/css-display-4/#typedef-display-box",
       "type": "type",
       "value": "contents | none",
       "values": [
         {
           "name": "contents",
           "prose": "The element itself does not generate any boxes, but its children and pseudo-elements still generate boxes and text sequences as normal. For the purposes of box generation and layout, the element must be treated as if it had been replaced in the element tree by its contents (including both its source-document children and its pseudo-elements, such as ::before and ::after pseudo-elements, which are generated before/after the element’s children as normal). This value computes to display: none on replaced elements and other elements whose rendering is not entirely controlled by CSS; see Appendix B: Effects of display: contents on Unusual Elements for details.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-contents",
           "type": "value",
           "value": "contents"
         },
         {
           "name": "none",
           "prose": "The element and its descendants generate no boxes or text sequences. Similarly, if a text node is defined to behave as display: none, it generates no text sequences.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-none",
           "type": "value",
           "value": "none"
         }
@@ -318,30 +360,35 @@
     },
     {
       "name": "<display-legacy>",
+      "href": "https://drafts.csswg.org/css-display-4/#typedef-display-legacy",
       "type": "type",
       "value": "inline-block | inline-table | inline-flex | inline-grid",
       "values": [
         {
           "name": "inline-block",
           "prose": "Computes to inline flow-root.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-inline-block",
           "type": "value",
           "value": "inline-block"
         },
         {
           "name": "inline-table",
           "prose": "Computes to inline table.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-inline-table",
           "type": "value",
           "value": "inline-table"
         },
         {
           "name": "inline-flex",
           "prose": "Computes to inline flex.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-inline-flex",
           "type": "value",
           "value": "inline-flex"
         },
         {
           "name": "inline-grid",
           "prose": "Computes to inline grid.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-display-inline-grid",
           "type": "value",
           "value": "inline-grid"
         }
@@ -353,6 +400,7 @@
       "msg": "Dangling value",
       "name": "list-item",
       "prose": "The list-item keyword causes the element to generate a ::marker pseudo-element [CSS-PSEUDO-4] with the content specified by its list-style properties (CSS 2.1§12.5 Lists) [CSS2] together with a principal box of the specified type for its own contents.",
+      "href": "https://drafts.csswg.org/css-display-4/#valdef-display-list-item",
       "type": "value",
       "value": "list-item",
       "for": "<display-list-item>"

package/css-easing.json

@@ -10,11 +10,13 @@
     {
       "name": "<easing-function>",
       "value": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>",
+      "href": "https://drafts.csswg.org/css-easing-2/#typedef-easing-function",
       "type": "type",
       "values": [
         {
           "name": "linear",
           "prose": "The linear keyword produces a linear easing function with two points:",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-easing-function-linear",
           "type": "value",
           "value": "linear"
         }
@@ -22,61 +24,72 @@
     },
     {
       "name": "<linear-easing-function>",
+      "href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-easing-function",
       "type": "type",
       "value": "linear(<linear-stop-list>)"
     },
     {
       "name": "linear()",
       "value": "linear(<linear-stop-list>)",
+      "href": "https://drafts.csswg.org/css-easing-2/#funcdef-linear",
       "type": "function"
     },
     {
       "name": "<linear-stop-list>",
+      "href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-stop-list",
       "type": "type",
       "value": "[ <linear-stop> ]#"
     },
     {
       "name": "<linear-stop>",
+      "href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-stop",
       "type": "type",
       "value": "<number> && <linear-stop-length>?"
     },
     {
       "name": "<linear-stop-length>",
+      "href": "https://drafts.csswg.org/css-easing-2/#typedef-linear-stop-length",
       "type": "type",
       "value": "<percentage>{1,2}"
     },
     {
       "name": "<cubic-bezier-easing-function>",
       "value": "ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)",
+      "href": "https://drafts.csswg.org/css-easing-2/#typedef-cubic-bezier-easing-function",
       "type": "type",
       "values": [
         {
           "name": "ease",
           "prose": "Equivalent to cubic-bezier(0.25, 0.1, 0.25, 1).",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease",
           "type": "value",
           "value": "ease"
         },
         {
           "name": "ease-in",
           "prose": "Equivalent to cubic-bezier(0.42, 0, 1, 1).",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-in",
           "type": "value",
           "value": "ease-in"
         },
         {
           "name": "ease-out",
           "prose": "Equivalent to cubic-bezier(0, 0, 0.58, 1).",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-out",
           "type": "value",
           "value": "ease-out"
         },
         {
           "name": "ease-in-out",
           "prose": "Equivalent to cubic-bezier(0.42, 0, 0.58, 1).",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-cubic-bezier-easing-function-ease-in-out",
           "type": "value",
           "value": "ease-in-out"
         },
         {
           "name": "cubic-bezier()",
           "value": "cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)",
+          "href": "https://drafts.csswg.org/css-easing-2/#funcdef-cubic-bezier-easing-function-cubic-bezier",
           "type": "function"
         }
       ]
@@ -84,58 +97,68 @@
     {
       "name": "<step-easing-function>",
       "value": "step-start | step-end | steps(<integer> , <step-position>?)",
+      "href": "https://drafts.csswg.org/css-easing-2/#typedef-step-easing-function",
       "type": "type",
       "values": [
         {
           "name": "step-start",
           "prose": "Computes to steps(1, start)",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-easing-function-step-start",
           "type": "value",
           "value": "step-start"
         },
         {
           "name": "step-end",
           "prose": "Computes to steps(1, end) Example step easing function keyword values.",
+          "href": "https://drafts.csswg.org/css-easing-2/#valdef-step-easing-function-step-end",
           "type": "value",
           "value": "step-end"
         },
         {
           "name": "steps()",
           "value": "steps(<integer>, <step-position>?)",
+          "href": "https://drafts.csswg.org/css-easing-2/#funcdef-step-easing-function-steps",
           "type": "function",
           "values": [
             {
               "name": "jump-start",
               "prose": "The first rise occurs at input progress value of 0.",
+              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-start",
               "type": "value",
               "value": "jump-start"
             },
             {
               "name": "jump-end",
               "prose": "The last rise occurs at input progress value of 1.",
+              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-end",
               "type": "value",
               "value": "jump-end"
             },
             {
               "name": "jump-none",
               "prose": "All rises occur within the range (0, 1).",
+              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-none",
               "type": "value",
               "value": "jump-none"
             },
             {
               "name": "jump-both",
               "prose": "The first rise occurs at input progress value of 0 and the last rise occurs at input progress value of 1.",
+              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-jump-both",
               "type": "value",
               "value": "jump-both"
             },
             {
               "name": "start",
               "prose": "Behaves as jump-start.",
+              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-start",
               "type": "value",
               "value": "start"
             },
             {
               "name": "end",
               "prose": "Behaves as jump-end.",
+              "href": "https://drafts.csswg.org/css-easing-2/#valdef-steps-end",
               "type": "value",
               "value": "end"
             }
@@ -146,6 +169,7 @@
     {
       "name": "<step-position>",
       "value": "jump-start | jump-end | jump-none | jump-both | start | end",
+      "href": "https://drafts.csswg.org/css-easing-2/#typedef-step-position",
       "type": "type"
     }
   ]

package/css-env.json

@@ -9,56 +9,67 @@
   "values": [
     {
       "name": "env()",
+      "href": "https://drafts.csswg.org/css-env-1/#funcdef-env",
       "type": "function",
       "value": "env( <custom-ident> <integer [0,∞]>*, <declaration-value>? )",
       "values": [
         {
           "name": "safe-area-inset-top",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-top",
           "type": "value",
           "value": "safe-area-inset-top"
         },
         {
           "name": "safe-area-inset-right",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-right",
           "type": "value",
           "value": "safe-area-inset-right"
         },
         {
           "name": "safe-area-inset-bottom",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-bottom",
           "type": "value",
           "value": "safe-area-inset-bottom"
         },
         {
           "name": "safe-area-inset-left",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-safe-area-inset-left",
           "type": "value",
           "value": "safe-area-inset-left"
         },
         {
           "name": "viewport-segment-width",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-width",
           "type": "value",
           "value": "viewport-segment-width"
         },
         {
           "name": "viewport-segment-height",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-height",
           "type": "value",
           "value": "viewport-segment-height"
         },
         {
           "name": "viewport-segment-top",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-top",
           "type": "value",
           "value": "viewport-segment-top"
         },
         {
           "name": "viewport-segment-left",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-left",
           "type": "value",
           "value": "viewport-segment-left"
         },
         {
           "name": "viewport-segment-bottom",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-bottom",
           "type": "value",
           "value": "viewport-segment-bottom"
         },
         {
           "name": "viewport-segment-right",
+          "href": "https://drafts.csswg.org/css-env-1/#valdef-env-viewport-segment-right",
           "type": "value",
           "value": "viewport-segment-right"
         }