@webref/css 6.23.28 → 6.24.1

package/css-borders.json

@@ -154,6 +154,12 @@
       "styleDeclaration": [
         "border-color",
         "borderColor"
+      ],
+      "longhands": [
+        "border-top-color",
+        "border-right-color",
+        "border-bottom-color",
+        "border-left-color"
       ]
     },
     {
@@ -170,6 +176,10 @@
       "styleDeclaration": [
         "border-block-color",
         "borderBlockColor"
+      ],
+      "longhands": [
+        "border-block-start-color",
+        "border-block-end-color"
       ]
     },
     {
@@ -186,6 +196,10 @@
       "styleDeclaration": [
         "border-inline-color",
         "borderInlineColor"
+      ],
+      "longhands": [
+        "border-inline-start-color",
+        "border-inline-end-color"
       ]
     },
     {
@@ -338,6 +352,10 @@
       "styleDeclaration": [
         "border-block-style",
         "borderBlockStyle"
+      ],
+      "longhands": [
+        "border-block-start-style",
+        "border-block-end-style"
       ]
     },
     {
@@ -354,6 +372,10 @@
       "styleDeclaration": [
         "border-inline-style",
         "borderInlineStyle"
+      ],
+      "longhands": [
+        "border-inline-start-style",
+        "border-inline-end-style"
       ]
     },
     {
@@ -442,6 +464,12 @@
       "styleDeclaration": [
         "border-style",
         "borderStyle"
+      ],
+      "longhands": [
+        "border-top-style",
+        "border-right-style",
+        "border-bottom-style",
+        "border-left-style"
       ]
     },
     {
@@ -594,6 +622,10 @@
       "styleDeclaration": [
         "border-block-width",
         "borderBlockWidth"
+      ],
+      "longhands": [
+        "border-block-start-width",
+        "border-block-end-width"
       ]
     },
     {
@@ -610,6 +642,10 @@
       "styleDeclaration": [
         "border-inline-width",
         "borderInlineWidth"
+      ],
+      "longhands": [
+        "border-inline-start-width",
+        "border-inline-end-width"
       ]
     },
     {
@@ -626,29 +662,42 @@
       "values": [
         {
           "name": "thin",
-          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively. The hairline keyword is a UA-defined length, less than or equal to 1px and equal to an integer number of device pixels at the default page zoom, which represents a \"just visible\" line. (While it can be as large as 1px, on many devices it will be approximately 0.3px to 0.5px.)",
           "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-thin",
           "type": "value",
           "value": "thin"
         },
         {
           "name": "medium",
-          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively. The hairline keyword is a UA-defined length, less than or equal to 1px and equal to an integer number of device pixels at the default page zoom, which represents a \"just visible\" line. (While it can be as large as 1px, on many devices it will be approximately 0.3px to 0.5px.)",
           "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-medium",
           "type": "value",
           "value": "medium"
         },
         {
           "name": "thick",
-          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively. The hairline keyword is a UA-defined length, less than or equal to 1px and equal to an integer number of device pixels at the default page zoom, which represents a \"just visible\" line. (While it can be as large as 1px, on many devices it will be approximately 0.3px to 0.5px.)",
           "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-thick",
           "type": "value",
           "value": "thick"
+        },
+        {
+          "name": "hairline",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively. The hairline keyword is a UA-defined length, less than or equal to 1px and equal to an integer number of device pixels at the default page zoom, which represents a \"just visible\" line. (While it can be as large as 1px, on many devices it will be approximately 0.3px to 0.5px.)",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-hairline",
+          "type": "value",
+          "value": "hairline"
         }
       ],
       "styleDeclaration": [
         "border-width",
         "borderWidth"
+      ],
+      "longhands": [
+        "border-top-width",
+        "border-right-width",
+        "border-bottom-width",
+        "border-left-width"
       ]
     },
     {
@@ -665,6 +714,11 @@
       "styleDeclaration": [
         "border-top",
         "borderTop"
+      ],
+      "longhands": [
+        "border-top-width",
+        "border-top-style",
+        "border-top-color"
       ]
     },
     {
@@ -681,6 +735,11 @@
       "styleDeclaration": [
         "border-right",
         "borderRight"
+      ],
+      "longhands": [
+        "border-right-width",
+        "border-right-style",
+        "border-right-color"
       ]
     },
     {
@@ -697,6 +756,11 @@
       "styleDeclaration": [
         "border-bottom",
         "borderBottom"
+      ],
+      "longhands": [
+        "border-bottom-width",
+        "border-bottom-style",
+        "border-bottom-color"
       ]
     },
     {
@@ -713,6 +777,11 @@
       "styleDeclaration": [
         "border-left",
         "borderLeft"
+      ],
+      "longhands": [
+        "border-left-width",
+        "border-left-style",
+        "border-left-color"
       ]
     },
     {
@@ -729,6 +798,11 @@
       "styleDeclaration": [
         "border-block-start",
         "borderBlockStart"
+      ],
+      "longhands": [
+        "border-block-start-width",
+        "border-block-start-style",
+        "border-block-start-color"
       ]
     },
     {
@@ -745,6 +819,11 @@
       "styleDeclaration": [
         "border-block-end",
         "borderBlockEnd"
+      ],
+      "longhands": [
+        "border-block-end-width",
+        "border-block-end-style",
+        "border-block-end-color"
       ]
     },
     {
@@ -761,6 +840,11 @@
       "styleDeclaration": [
         "border-inline-start",
         "borderInlineStart"
+      ],
+      "longhands": [
+        "border-inline-start-width",
+        "border-inline-start-style",
+        "border-inline-start-color"
       ]
     },
     {
@@ -777,6 +861,11 @@
       "styleDeclaration": [
         "border-inline-end",
         "borderInlineEnd"
+      ],
+      "longhands": [
+        "border-inline-end-width",
+        "border-inline-end-style",
+        "border-inline-end-color"
       ]
     },
     {
@@ -793,6 +882,10 @@
       "styleDeclaration": [
         "border-block",
         "borderBlock"
+      ],
+      "longhands": [
+        "border-block-start",
+        "border-block-end"
       ]
     },
     {
@@ -809,6 +902,10 @@
       "styleDeclaration": [
         "border-inline",
         "borderInline"
+      ],
+      "longhands": [
+        "border-inline-start",
+        "border-inline-end"
       ]
     },
     {
@@ -824,6 +921,11 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "border"
+      ],
+      "longhands": [
+        "border-width",
+        "border-style",
+        "border-color"
       ]
     },
     {
@@ -976,6 +1078,10 @@
       "styleDeclaration": [
         "border-top-radius",
         "borderTopRadius"
+      ],
+      "longhands": [
+        "border-top-left-radius",
+        "border-top-right-radius"
       ]
     },
     {
@@ -992,6 +1098,10 @@
       "styleDeclaration": [
         "border-right-radius",
         "borderRightRadius"
+      ],
+      "longhands": [
+        "border-top-right-radius",
+        "border-bottom-right-radius"
       ]
     },
     {
@@ -1008,6 +1118,10 @@
       "styleDeclaration": [
         "border-bottom-radius",
         "borderBottomRadius"
+      ],
+      "longhands": [
+        "border-bottom-left-radius",
+        "border-bottom-right-radius"
       ]
     },
     {
@@ -1024,6 +1138,10 @@
       "styleDeclaration": [
         "border-left-radius",
         "borderLeftRadius"
+      ],
+      "longhands": [
+        "border-top-left-radius",
+        "border-bottom-left-radius"
       ]
     },
     {
@@ -1040,6 +1158,10 @@
       "styleDeclaration": [
         "border-block-start-radius",
         "borderBlockStartRadius"
+      ],
+      "longhands": [
+        "border-start-start-radius",
+        "border-start-end-radius"
       ]
     },
     {
@@ -1056,6 +1178,10 @@
       "styleDeclaration": [
         "border-block-end-radius",
         "borderBlockEndRadius"
+      ],
+      "longhands": [
+        "border-end-start-radius",
+        "border-end-end-radius"
       ]
     },
     {
@@ -1072,6 +1198,10 @@
       "styleDeclaration": [
         "border-inline-start-radius",
         "borderInlineStartRadius"
+      ],
+      "longhands": [
+        "border-start-start-radius",
+        "border-end-start-radius"
       ]
     },
     {
@@ -1088,6 +1218,10 @@
       "styleDeclaration": [
         "border-inline-end-radius",
         "borderInlineEndRadius"
+      ],
+      "longhands": [
+        "border-start-end-radius",
+        "border-end-end-radius"
       ]
     },
     {
@@ -1104,6 +1238,12 @@
       "styleDeclaration": [
         "border-radius",
         "borderRadius"
+      ],
+      "longhands": [
+        "border-top-left-radius",
+        "border-top-right-radius",
+        "border-bottom-right-radius",
+        "border-bottom-left-radius"
       ]
     },
     {
@@ -1256,6 +1396,10 @@
       "styleDeclaration": [
         "corner-top-shape",
         "cornerTopShape"
+      ],
+      "longhands": [
+        "corner-top-left-shape",
+        "corner-top-right-shape"
       ]
     },
     {
@@ -1272,6 +1416,10 @@
       "styleDeclaration": [
         "corner-right-shape",
         "cornerRightShape"
+      ],
+      "longhands": [
+        "corner-top-right-shape",
+        "corner-bottom-right-shape"
       ]
     },
     {
@@ -1288,6 +1436,10 @@
       "styleDeclaration": [
         "corner-bottom-shape",
         "cornerBottomShape"
+      ],
+      "longhands": [
+        "corner-bottom-left-shape",
+        "corner-bottom-right-shape"
       ]
     },
     {
@@ -1304,6 +1456,10 @@
       "styleDeclaration": [
         "corner-left-shape",
         "cornerLeftShape"
+      ],
+      "longhands": [
+        "corner-top-left-shape",
+        "corner-bottom-left-shape"
       ]
     },
     {
@@ -1320,6 +1476,10 @@
       "styleDeclaration": [
         "corner-block-start-shape",
         "cornerBlockStartShape"
+      ],
+      "longhands": [
+        "corner-start-start-shape",
+        "corner-start-end-shape"
       ]
     },
     {
@@ -1336,6 +1496,10 @@
       "styleDeclaration": [
         "corner-block-end-shape",
         "cornerBlockEndShape"
+      ],
+      "longhands": [
+        "corner-end-start-shape",
+        "corner-end-end-shape"
       ]
     },
     {
@@ -1352,6 +1516,10 @@
       "styleDeclaration": [
         "corner-inline-start-shape",
         "cornerInlineStartShape"
+      ],
+      "longhands": [
+        "corner-start-start-shape",
+        "corner-end-start-shape"
       ]
     },
     {
@@ -1368,6 +1536,10 @@
       "styleDeclaration": [
         "corner-inline-end-shape",
         "cornerInlineEndShape"
+      ],
+      "longhands": [
+        "corner-start-end-shape",
+        "corner-end-end-shape"
       ]
     },
     {
@@ -1434,6 +1606,12 @@
       "styleDeclaration": [
         "corner-shape",
         "cornerShape"
+      ],
+      "longhands": [
+        "corner-top-left-shape",
+        "corner-top-right-shape",
+        "corner-bottom-right-shape",
+        "corner-bottom-left-shape"
       ]
     },
     {
@@ -1450,6 +1628,10 @@
       "styleDeclaration": [
         "corner-top-left",
         "cornerTopLeft"
+      ],
+      "longhands": [
+        "border-top-left-radius",
+        "corner-top-left-shape"
       ]
     },
     {
@@ -1466,6 +1648,10 @@
       "styleDeclaration": [
         "corner-top-right",
         "cornerTopRight"
+      ],
+      "longhands": [
+        "border-top-right-radius",
+        "corner-top-right-shape"
       ]
     },
     {
@@ -1482,6 +1668,10 @@
       "styleDeclaration": [
         "corner-bottom-left",
         "cornerBottomLeft"
+      ],
+      "longhands": [
+        "border-bottom-left-radius",
+        "corner-bottom-left-shape"
       ]
     },
     {
@@ -1498,6 +1688,10 @@
       "styleDeclaration": [
         "corner-bottom-right",
         "cornerBottomRight"
+      ],
+      "longhands": [
+        "border-bottom-right-radius",
+        "corner-bottom-right-shape"
       ]
     },
     {
@@ -1514,6 +1708,10 @@
       "styleDeclaration": [
         "corner-start-start",
         "cornerStartStart"
+      ],
+      "longhands": [
+        "border-start-start-radius",
+        "corner-start-start-shape"
       ]
     },
     {
@@ -1530,6 +1728,10 @@
       "styleDeclaration": [
         "corner-start-end",
         "cornerStartEnd"
+      ],
+      "longhands": [
+        "border-start-end-radius",
+        "corner-start-end-shape"
       ]
     },
     {
@@ -1546,6 +1748,10 @@
       "styleDeclaration": [
         "corner-end-start",
         "cornerEndStart"
+      ],
+      "longhands": [
+        "border-end-start-radius",
+        "corner-end-start-shape"
       ]
     },
     {
@@ -1562,6 +1768,10 @@
       "styleDeclaration": [
         "corner-end-end",
         "cornerEndEnd"
+      ],
+      "longhands": [
+        "border-end-end-radius",
+        "corner-end-end-shape"
       ]
     },
     {
@@ -1578,6 +1788,10 @@
       "styleDeclaration": [
         "corner-top",
         "cornerTop"
+      ],
+      "longhands": [
+        "border-top-radius",
+        "corner-top-shape"
       ]
     },
     {
@@ -1594,6 +1808,10 @@
       "styleDeclaration": [
         "corner-right",
         "cornerRight"
+      ],
+      "longhands": [
+        "border-right-radius",
+        "corner-right-shape"
       ]
     },
     {
@@ -1610,6 +1828,10 @@
       "styleDeclaration": [
         "corner-bottom",
         "cornerBottom"
+      ],
+      "longhands": [
+        "border-bottom-radius",
+        "corner-bottom-shape"
       ]
     },
     {
@@ -1626,6 +1848,10 @@
       "styleDeclaration": [
         "corner-left",
         "cornerLeft"
+      ],
+      "longhands": [
+        "border-left-radius",
+        "corner-left-shape"
       ]
     },
     {
@@ -1642,6 +1868,10 @@
       "styleDeclaration": [
         "corner-block-start",
         "cornerBlockStart"
+      ],
+      "longhands": [
+        "border-block-start-radius",
+        "corner-block-start-shape"
       ]
     },
     {
@@ -1658,6 +1888,10 @@
       "styleDeclaration": [
         "corner-block-end",
         "cornerBlockEnd"
+      ],
+      "longhands": [
+        "border-block-end-radius",
+        "corner-block-end-shape"
       ]
     },
     {
@@ -1674,6 +1908,10 @@
       "styleDeclaration": [
         "corner-inline-start",
         "cornerInlineStart"
+      ],
+      "longhands": [
+        "border-inline-start-radius",
+        "corner-inline-start-shape"
       ]
     },
     {
@@ -1690,6 +1928,10 @@
       "styleDeclaration": [
         "corner-inline-end",
         "cornerInlineEnd"
+      ],
+      "longhands": [
+        "border-inline-end-radius",
+        "corner-inline-end-shape"
       ]
     },
     {
@@ -1705,6 +1947,10 @@
       "animationType": "see individual properties",
       "styleDeclaration": [
         "corner"
+      ],
+      "longhands": [
+        "border-radius",
+        "corner-shape"
       ]
     },
     {
@@ -1877,6 +2123,13 @@
       "styleDeclaration": [
         "border-image",
         "borderImage"
+      ],
+      "longhands": [
+        "border-image-source",
+        "border-image-slice",
+        "border-image-width",
+        "border-image-outset",
+        "border-image-repeat"
       ]
     },
     {
@@ -2096,6 +2349,10 @@
       "styleDeclaration": [
         "border-block-clip",
         "borderBlockClip"
+      ],
+      "longhands": [
+        "border-block-start-clip",
+        "border-block-end-clip"
       ]
     },
     {
@@ -2112,6 +2369,10 @@
       "styleDeclaration": [
         "border-inline-clip",
         "borderInlineClip"
+      ],
+      "longhands": [
+        "border-inline-start-clip",
+        "border-inline-end-clip"
       ]
     },
     {
@@ -2128,6 +2389,12 @@
       "styleDeclaration": [
         "border-clip",
         "borderClip"
+      ],
+      "longhands": [
+        "border-top-clip",
+        "border-right-clip",
+        "border-bottom-clip",
+        "border-left-clip"
       ]
     },
     {
@@ -2287,6 +2554,13 @@
       "styleDeclaration": [
         "box-shadow",
         "boxShadow"
+      ],
+      "longhands": [
+        "box-shadow-color",
+        "box-shadow-offset",
+        "box-shadow-blur",
+        "box-shadow-spread",
+        "box-shadow-position"
       ]
     },
     {
@@ -2391,28 +2665,35 @@
       "name": "<line-width>",
       "href": "https://drafts.csswg.org/css-borders-4/#typedef-line-width",
       "type": "type",
-      "value": "<length [0,∞]> | thin | medium | thick",
+      "value": "<length [0,∞]> | hairline | thin | medium | thick",
       "values": [
         {
           "name": "thin",
-          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively. The hairline keyword is a UA-defined length, less than or equal to 1px and equal to an integer number of device pixels at the default page zoom, which represents a \"just visible\" line. (While it can be as large as 1px, on many devices it will be approximately 0.3px to 0.5px.)",
           "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-thin",
           "type": "value",
           "value": "thin"
         },
         {
           "name": "medium",
-          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively. The hairline keyword is a UA-defined length, less than or equal to 1px and equal to an integer number of device pixels at the default page zoom, which represents a \"just visible\" line. (While it can be as large as 1px, on many devices it will be approximately 0.3px to 0.5px.)",
           "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-medium",
           "type": "value",
           "value": "medium"
         },
         {
           "name": "thick",
-          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively. The hairline keyword is a UA-defined length, less than or equal to 1px and equal to an integer number of device pixels at the default page zoom, which represents a \"just visible\" line. (While it can be as large as 1px, on many devices it will be approximately 0.3px to 0.5px.)",
           "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-thick",
           "type": "value",
           "value": "thick"
+        },
+        {
+          "name": "hairline",
+          "prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively. The hairline keyword is a UA-defined length, less than or equal to 1px and equal to an integer number of device pixels at the default page zoom, which represents a \"just visible\" line. (While it can be as large as 1px, on many devices it will be approximately 0.3px to 0.5px.)",
+          "href": "https://drafts.csswg.org/css-borders-4/#valdef-line-width-hairline",
+          "type": "value",
+          "value": "hairline"
         }
       ]
     },