css-borders.json

{
  "spec": {
    "title": "CSS Borders and Box Decorations Module Level 4",
    "url": "https://drafts.csswg.org/css-borders-4/"
  },
  "properties": [
    {
      "name": "border-top-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-color",
      "value": "<color> | <image-1D>",
      "initial": "currentcolor",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the computed color and/or a one-dimensional image function",
      "canonicalOrder": "per grammar",
      "animationType": "see prose",
      "logicalPropertyGroup": "border-color",
      "styleDeclaration": [
        "border-top-color",
        "borderTopColor"
      ]
    },
    {
      "name": "border-right-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-color",
      "value": "<color> | <image-1D>",
      "initial": "currentcolor",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the computed color and/or a one-dimensional image function",
      "canonicalOrder": "per grammar",
      "animationType": "see prose",
      "logicalPropertyGroup": "border-color",
      "styleDeclaration": [
        "border-right-color",
        "borderRightColor"
      ]
    },
    {
      "name": "border-bottom-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-color",
      "value": "<color> | <image-1D>",
      "initial": "currentcolor",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the computed color and/or a one-dimensional image function",
      "canonicalOrder": "per grammar",
      "animationType": "see prose",
      "logicalPropertyGroup": "border-color",
      "styleDeclaration": [
        "border-bottom-color",
        "borderBottomColor"
      ]
    },
    {
      "name": "border-left-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-color",
      "value": "<color> | <image-1D>",
      "initial": "currentcolor",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the computed color and/or a one-dimensional image function",
      "canonicalOrder": "per grammar",
      "animationType": "see prose",
      "logicalPropertyGroup": "border-color",
      "styleDeclaration": [
        "border-left-color",
        "borderLeftColor"
      ]
    },
    {
      "name": "border-block-start-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-color",
      "value": "<color> | <image-1D>",
      "initial": "currentcolor",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the computed color and/or a one-dimensional image function",
      "canonicalOrder": "per grammar",
      "animationType": "see prose",
      "logicalPropertyGroup": "border-color",
      "styleDeclaration": [
        "border-block-start-color",
        "borderBlockStartColor"
      ]
    },
    {
      "name": "border-block-end-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-color",
      "value": "<color> | <image-1D>",
      "initial": "currentcolor",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the computed color and/or a one-dimensional image function",
      "canonicalOrder": "per grammar",
      "animationType": "see prose",
      "logicalPropertyGroup": "border-color",
      "styleDeclaration": [
        "border-block-end-color",
        "borderBlockEndColor"
      ]
    },
    {
      "name": "border-inline-start-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-color",
      "value": "<color> | <image-1D>",
      "initial": "currentcolor",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the computed color and/or a one-dimensional image function",
      "canonicalOrder": "per grammar",
      "animationType": "see prose",
      "logicalPropertyGroup": "border-color",
      "styleDeclaration": [
        "border-inline-start-color",
        "borderInlineStartColor"
      ]
    },
    {
      "name": "border-inline-end-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-color",
      "value": "<color> | <image-1D>",
      "initial": "currentcolor",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "the computed color and/or a one-dimensional image function",
      "canonicalOrder": "per grammar",
      "animationType": "see prose",
      "logicalPropertyGroup": "border-color",
      "styleDeclaration": [
        "border-inline-end-color",
        "borderInlineEndColor"
      ]
    },
    {
      "name": "border-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-color",
      "value": "[ <color> | <image-1D> ]{1,4}",
      "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-color",
        "borderColor"
      ]
    },
    {
      "name": "border-block-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-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",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-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-top-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-style",
      "value": "<line-style>",
      "initial": "none",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "logicalPropertyGroup": "border-style",
      "styleDeclaration": [
        "border-top-style",
        "borderTopStyle"
      ]
    },
    {
      "name": "border-right-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-style",
      "value": "<line-style>",
      "initial": "none",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "logicalPropertyGroup": "border-style",
      "styleDeclaration": [
        "border-right-style",
        "borderRightStyle"
      ]
    },
    {
      "name": "border-bottom-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-style",
      "value": "<line-style>",
      "initial": "none",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "logicalPropertyGroup": "border-style",
      "styleDeclaration": [
        "border-bottom-style",
        "borderBottomStyle"
      ]
    },
    {
      "name": "border-left-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-style",
      "value": "<line-style>",
      "initial": "none",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "logicalPropertyGroup": "border-style",
      "styleDeclaration": [
        "border-left-style",
        "borderLeftStyle"
      ]
    },
    {
      "name": "border-block-start-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-style",
      "value": "<line-style>",
      "initial": "none",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "logicalPropertyGroup": "border-style",
      "styleDeclaration": [
        "border-block-start-style",
        "borderBlockStartStyle"
      ]
    },
    {
      "name": "border-block-end-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-style",
      "value": "<line-style>",
      "initial": "none",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "logicalPropertyGroup": "border-style",
      "styleDeclaration": [
        "border-block-end-style",
        "borderBlockEndStyle"
      ]
    },
    {
      "name": "border-inline-start-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-style",
      "value": "<line-style>",
      "initial": "none",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "logicalPropertyGroup": "border-style",
      "styleDeclaration": [
        "border-inline-start-style",
        "borderInlineStartStyle"
      ]
    },
    {
      "name": "border-inline-end-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-style",
      "value": "<line-style>",
      "initial": "none",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "logicalPropertyGroup": "border-style",
      "styleDeclaration": [
        "border-inline-end-style",
        "borderInlineEndStyle"
      ]
    },
    {
      "name": "border-block-style",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-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",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-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-top-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-width",
      "value": "<line-width>",
      "initial": "medium",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-width",
      "styleDeclaration": [
        "border-top-width",
        "borderTopWidth"
      ]
    },
    {
      "name": "border-right-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-width",
      "value": "<line-width>",
      "initial": "medium",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-width",
      "styleDeclaration": [
        "border-right-width",
        "borderRightWidth"
      ]
    },
    {
      "name": "border-bottom-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-width",
      "value": "<line-width>",
      "initial": "medium",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-width",
      "styleDeclaration": [
        "border-bottom-width",
        "borderBottomWidth"
      ]
    },
    {
      "name": "border-left-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-width",
      "value": "<line-width>",
      "initial": "medium",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-width",
      "styleDeclaration": [
        "border-left-width",
        "borderLeftWidth"
      ]
    },
    {
      "name": "border-block-start-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-width",
      "value": "<line-width>",
      "initial": "medium",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-width",
      "styleDeclaration": [
        "border-block-start-width",
        "borderBlockStartWidth"
      ]
    },
    {
      "name": "border-block-end-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-width",
      "value": "<line-width>",
      "initial": "medium",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-width",
      "styleDeclaration": [
        "border-block-end-width",
        "borderBlockEndWidth"
      ]
    },
    {
      "name": "border-inline-start-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-width",
      "value": "<line-width>",
      "initial": "medium",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-width",
      "styleDeclaration": [
        "border-inline-start-width",
        "borderInlineStartWidth"
      ]
    },
    {
      "name": "border-inline-end-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-width",
      "value": "<line-width>",
      "initial": "medium",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-width",
      "styleDeclaration": [
        "border-inline-end-width",
        "borderInlineEndWidth"
      ]
    },
    {
      "name": "border-block-width",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-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",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-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-top",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top",
      "value": "<line-width> || <line-style> || <color>",
      "initial": "See individual properties",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "border-top",
        "borderTop"
      ]
    },
    {
      "name": "border-right",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right",
      "value": "<line-width> || <line-style> || <color>",
      "initial": "See individual properties",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "border-right",
        "borderRight"
      ]
    },
    {
      "name": "border-bottom",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom",
      "value": "<line-width> || <line-style> || <color>",
      "initial": "See individual properties",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "border-bottom",
        "borderBottom"
      ]
    },
    {
      "name": "border-left",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left",
      "value": "<line-width> || <line-style> || <color>",
      "initial": "See individual properties",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "border-left",
        "borderLeft"
      ]
    },
    {
      "name": "border-block-start",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start",
      "value": "<line-width> || <line-style> || <color>",
      "initial": "See individual properties",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "border-block-start",
        "borderBlockStart"
      ]
    },
    {
      "name": "border-block-end",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end",
      "value": "<line-width> || <line-style> || <color>",
      "initial": "See individual properties",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "border-block-end",
        "borderBlockEnd"
      ]
    },
    {
      "name": "border-inline-start",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start",
      "value": "<line-width> || <line-style> || <color>",
      "initial": "See individual properties",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "border-inline-start",
        "borderInlineStart"
      ]
    },
    {
      "name": "border-inline-end",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end",
      "value": "<line-width> || <line-style> || <color>",
      "initial": "See individual properties",
      "appliesTo": "all elements except ruby base containers and ruby annotation containers",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar",
      "styleDeclaration": [
        "border-inline-end",
        "borderInlineEnd"
      ]
    },
    {
      "name": "border-block",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-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",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-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-top-left-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-left-radius",
      "value": "<length-percentage [0,∞]>{1,2}",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "pair of computed <length-percentage> values",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-radius",
      "styleDeclaration": [
        "border-top-left-radius",
        "borderTopLeftRadius"
      ]
    },
    {
      "name": "border-top-right-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-right-radius",
      "value": "<length-percentage [0,∞]>{1,2}",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "pair of computed <length-percentage> values",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-radius",
      "styleDeclaration": [
        "border-top-right-radius",
        "borderTopRightRadius"
      ]
    },
    {
      "name": "border-bottom-right-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-right-radius",
      "value": "<length-percentage [0,∞]>{1,2}",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "pair of computed <length-percentage> values",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-radius",
      "styleDeclaration": [
        "border-bottom-right-radius",
        "borderBottomRightRadius"
      ]
    },
    {
      "name": "border-bottom-left-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-left-radius",
      "value": "<length-percentage [0,∞]>{1,2}",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "pair of computed <length-percentage> values",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-radius",
      "styleDeclaration": [
        "border-bottom-left-radius",
        "borderBottomLeftRadius"
      ]
    },
    {
      "name": "border-start-start-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-start-start-radius",
      "value": "<length-percentage [0,∞]>{1,2}",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "pair of computed <length-percentage> values",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-radius",
      "styleDeclaration": [
        "border-start-start-radius",
        "borderStartStartRadius"
      ]
    },
    {
      "name": "border-start-end-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-start-end-radius",
      "value": "<length-percentage [0,∞]>{1,2}",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "pair of computed <length-percentage> values",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-radius",
      "styleDeclaration": [
        "border-start-end-radius",
        "borderStartEndRadius"
      ]
    },
    {
      "name": "border-end-start-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-end-start-radius",
      "value": "<length-percentage [0,∞]>{1,2}",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "pair of computed <length-percentage> values",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-radius",
      "styleDeclaration": [
        "border-end-start-radius",
        "borderEndStartRadius"
      ]
    },
    {
      "name": "border-end-end-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-end-end-radius",
      "value": "<length-percentage [0,∞]>{1,2}",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "pair of computed <length-percentage> values",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "logicalPropertyGroup": "border-radius",
      "styleDeclaration": [
        "border-end-end-radius",
        "borderEndEndRadius"
      ]
    },
    {
      "name": "border-top-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-radius",
      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-top-radius",
        "borderTopRadius"
      ]
    },
    {
      "name": "border-right-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-radius",
      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-right-radius",
        "borderRightRadius"
      ]
    },
    {
      "name": "border-bottom-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-radius",
      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-bottom-radius",
        "borderBottomRadius"
      ]
    },
    {
      "name": "border-left-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-radius",
      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-left-radius",
        "borderLeftRadius"
      ]
    },
    {
      "name": "border-block-start-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-radius",
      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-block-start-radius",
        "borderBlockStartRadius"
      ]
    },
    {
      "name": "border-block-end-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-radius",
      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-block-end-radius",
        "borderBlockEndRadius"
      ]
    },
    {
      "name": "border-inline-start-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-radius",
      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-inline-start-radius",
        "borderInlineStartRadius"
      ]
    },
    {
      "name": "border-inline-end-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-radius",
      "value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
      "initial": "0",
      "appliesTo": "all elements (but see prose)",
      "inherited": "no",
      "percentages": "Refer to corresponding dimension of the border box.",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-inline-end-radius",
        "borderInlineEndRadius"
      ]
    },
    {
      "name": "border-radius",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-radius",
      "value": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
      "initial": "0",
      "appliesTo": "all elements, except table element when border-collapse is collapse",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "border-radius",
        "borderRadius"
      ]
    },
    {
      "name": "corner-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-shape",
      "value": "<corner-shape-value>{1,4}",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-shape",
        "cornerShape"
      ]
    },
    {
      "name": "corner-top-left-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the corresponding superellipse() value",
      "canonicalOrder": "per grammar",
      "animationType": "see superellipse interpolation",
      "logicalPropertyGroup": "corner-shape",
      "styleDeclaration": [
        "corner-top-left-shape",
        "cornerTopLeftShape"
      ]
    },
    {
      "name": "corner-top-right-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the corresponding superellipse() value",
      "canonicalOrder": "per grammar",
      "animationType": "see superellipse interpolation",
      "logicalPropertyGroup": "corner-shape",
      "styleDeclaration": [
        "corner-top-right-shape",
        "cornerTopRightShape"
      ]
    },
    {
      "name": "corner-bottom-right-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the corresponding superellipse() value",
      "canonicalOrder": "per grammar",
      "animationType": "see superellipse interpolation",
      "logicalPropertyGroup": "corner-shape",
      "styleDeclaration": [
        "corner-bottom-right-shape",
        "cornerBottomRightShape"
      ]
    },
    {
      "name": "corner-bottom-left-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the corresponding superellipse() value",
      "canonicalOrder": "per grammar",
      "animationType": "see superellipse interpolation",
      "logicalPropertyGroup": "corner-shape",
      "styleDeclaration": [
        "corner-bottom-left-shape",
        "cornerBottomLeftShape"
      ]
    },
    {
      "name": "corner-start-start-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the corresponding superellipse() value",
      "canonicalOrder": "per grammar",
      "animationType": "see superellipse interpolation",
      "logicalPropertyGroup": "corner-shape",
      "styleDeclaration": [
        "corner-start-start-shape",
        "cornerStartStartShape"
      ]
    },
    {
      "name": "corner-start-end-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the corresponding superellipse() value",
      "canonicalOrder": "per grammar",
      "animationType": "see superellipse interpolation",
      "logicalPropertyGroup": "corner-shape",
      "styleDeclaration": [
        "corner-start-end-shape",
        "cornerStartEndShape"
      ]
    },
    {
      "name": "corner-end-start-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the corresponding superellipse() value",
      "canonicalOrder": "per grammar",
      "animationType": "see superellipse interpolation",
      "logicalPropertyGroup": "corner-shape",
      "styleDeclaration": [
        "corner-end-start-shape",
        "cornerEndStartShape"
      ]
    },
    {
      "name": "corner-end-end-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "the corresponding superellipse() value",
      "canonicalOrder": "per grammar",
      "animationType": "see superellipse interpolation",
      "logicalPropertyGroup": "corner-shape",
      "styleDeclaration": [
        "corner-end-end-shape",
        "cornerEndEndShape"
      ]
    },
    {
      "name": "corner-top-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-top-shape",
        "cornerTopShape"
      ]
    },
    {
      "name": "corner-right-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-right-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-right-shape",
        "cornerRightShape"
      ]
    },
    {
      "name": "corner-bottom-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-bottom-shape",
        "cornerBottomShape"
      ]
    },
    {
      "name": "corner-left-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-left-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-left-shape",
        "cornerLeftShape"
      ]
    },
    {
      "name": "corner-block-start-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-start-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-block-start-shape",
        "cornerBlockStartShape"
      ]
    },
    {
      "name": "corner-block-end-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-end-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-block-end-shape",
        "cornerBlockEndShape"
      ]
    },
    {
      "name": "corner-inline-start-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-start-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-inline-start-shape",
        "cornerInlineStartShape"
      ]
    },
    {
      "name": "corner-inline-end-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-end-shape",
      "value": "<corner-shape-value>",
      "initial": "round",
      "appliesTo": "all elements where border-radius can apply",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "corner-inline-end-shape",
        "cornerInlineEndShape"
      ]
    },
    {
      "name": "border-limit",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-limit",
      "value": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
      "initial": "all",
      "appliesTo": "all elements, except table element when border-collapse is collapse",
      "inherited": "no",
      "percentages": "relative to border-box",
      "computedValue": "as specified",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "values": [
        {
          "name": "all",
          "prose": "The entire border is drawn.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-border-limit-all",
          "type": "value",
          "value": "all"
        },
        {
          "name": "sides",
          "prose": "The sides are drawn up to but not including the corners (as defined by the border radii). A length or percentage is measured from the center of each side: 50% draws the middle 50% of the border; by default the entire side is drawn.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-border-limit-sides",
          "type": "value",
          "value": "sides"
        },
        {
          "name": "corners",
          "prose": "The corners are drawn plus the specified distance into the sides if specified. A length is measured from the closest edge of the corner area. A percentage is measured from the absolute corner of the border box.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-border-limit-corners",
          "type": "value",
          "value": "corners"
        },
        {
          "name": "left",
          "prose": "For the left and right (vertical) sides, draws the entire side and corner. For the top and bottom (horizontal) sides, draws the left/right portion, as specified. Distances are measured as for corners.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-border-limit-left",
          "type": "value",
          "value": "left"
        },
        {
          "name": "right",
          "prose": "For the left and right (vertical) sides, draws the entire side and corner. For the top and bottom (horizontal) sides, draws the left/right portion, as specified. Distances are measured as for corners.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-border-limit-right",
          "type": "value",
          "value": "right"
        },
        {
          "name": "top",
          "prose": "For the top and bottom (horizontal) sides, draws the entire side and corner. For the left and right (vertical) sides, draws the top/bottom portion, as specified. Distances are measured as for corners.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-border-limit-top",
          "type": "value",
          "value": "top"
        },
        {
          "name": "bottom",
          "prose": "For the top and bottom (horizontal) sides, draws the entire side and corner. For the left and right (vertical) sides, draws the top/bottom portion, as specified. Distances are measured as for corners.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-border-limit-bottom",
          "type": "value",
          "value": "bottom"
        }
      ],
      "styleDeclaration": [
        "border-limit",
        "borderLimit"
      ]
    },
    {
      "name": "border-clip",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip",
      "value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
      "initial": "normal",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "refer to length of border-edge side",
      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "border-clip",
        "borderClip"
      ]
    },
    {
      "name": "border-clip-top",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip-top",
      "value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
      "initial": "normal",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "refer to length of border-edge side",
      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "border-clip-top",
        "borderClipTop"
      ]
    },
    {
      "name": "border-clip-right",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip-right",
      "value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
      "initial": "normal",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "refer to length of border-edge side",
      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "border-clip-right",
        "borderClipRight"
      ]
    },
    {
      "name": "border-clip-bottom",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip-bottom",
      "value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
      "initial": "normal",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "refer to length of border-edge side",
      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "border-clip-bottom",
        "borderClipBottom"
      ]
    },
    {
      "name": "border-clip-left",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip-left",
      "value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
      "initial": "normal",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "refer to length of border-edge side",
      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "border-clip-left",
        "borderClipLeft"
      ]
    },
    {
      "name": "box-shadow-color",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-color",
      "value": "<color>#",
      "initial": "currentcolor",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "list, each item a computed color",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "box-shadow-color",
        "boxShadowColor"
      ]
    },
    {
      "name": "box-shadow-offset",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-offset",
      "value": "[ none | <length>{2} ]#",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "list, each item either none or a pair of offsets (horizontal and vertical) from the element‘s box",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value, treating none as 0 0 when interpolated with non-none values.",
      "values": [
        {
          "name": "none",
          "prose": "The shadow will not be rendered. The values of other box shadow properties corresponding to this shadow have no effect.",
          "href": "https://drafts.csswg.org/css-borders-4/#shadow-offset-none",
          "type": "value",
          "value": "none"
        },
        {
          "name": "1st <length>",
          "prose": "Specifies the horizontal offset of the shadow. A positive value draws a shadow that is offset to the right of the box, a negative length to the left.",
          "href": "https://drafts.csswg.org/css-borders-4/#shadow-offset-x",
          "type": "value",
          "value": "1st <length>"
        },
        {
          "name": "horizontal offset",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-box-shadow-offset-horizontal-offset",
          "type": "value",
          "value": "horizontal offset"
        },
        {
          "name": "2nd <length>",
          "prose": "Specifies the vertical offset of the shadow. A positive value offsets the shadow down, a negative one up.",
          "href": "https://drafts.csswg.org/css-borders-4/#shadow-offset-y",
          "type": "value",
          "value": "2nd <length>"
        },
        {
          "name": "vertical offset",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-box-shadow-offset-vertical-offset",
          "type": "value",
          "value": "vertical offset"
        }
      ],
      "styleDeclaration": [
        "box-shadow-offset",
        "boxShadowOffset"
      ]
    },
    {
      "name": "box-shadow-blur",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-blur",
      "value": "<length [0,∞]>#",
      "initial": "0",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "list, each item a <length>",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "box-shadow-blur",
        "boxShadowBlur"
      ]
    },
    {
      "name": "box-shadow-spread",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-spread",
      "value": "<length>#",
      "initial": "0",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "list, each item a <length>",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "box-shadow-spread",
        "boxShadowSpread"
      ]
    },
    {
      "name": "box-shadow-position",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow-position",
      "value": "[ outset | inset ]#",
      "initial": "outset",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "list, each item one of the keywords",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "values": [
        {
          "name": "outset",
          "prose": "Causes the drop shadow to be an outer box-shadow. That means, one that shadows the box onto the canvas, as if it were lifted above the canvas.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-box-shadow-position-outset",
          "type": "value",
          "value": "outset"
        },
        {
          "name": "outer box-shadow",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-box-shadow-position-outer-box-shadow",
          "type": "value",
          "value": "outer box-shadow"
        },
        {
          "name": "inset",
          "prose": "Causes the drop shadow to be an inner box-shadow. That means, one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it.",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-box-shadow-position-inset",
          "type": "value",
          "value": "inset"
        },
        {
          "name": "inner box-shadow",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-box-shadow-position-inner-box-shadow",
          "type": "value",
          "value": "inner box-shadow"
        }
      ],
      "styleDeclaration": [
        "box-shadow-position",
        "boxShadowPosition"
      ]
    },
    {
      "name": "box-shadow",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-box-shadow",
      "value": "<spread-shadow>#",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "N/A",
      "computedValue": "see individual properties",
      "canonicalOrder": "per grammar",
      "animationType": "see individual properties",
      "styleDeclaration": [
        "box-shadow",
        "boxShadow"
      ]
    },
    {
      "name": "border-shape",
      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-shape",
      "value": "none | [ <basic-shape> <geometry-box>?]{1,2}",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "relative to the given <geometry-box>, or to border box if not given.",
      "computedValue": "list, each item a computed color",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value",
      "styleDeclaration": [
        "border-shape",
        "borderShape"
      ]
    }
  ],
  "atrules": [],
  "selectors": [],
  "values": [
    {
      "name": "<corner-shape-value>",
      "href": "https://drafts.csswg.org/css-borders-4/#typedef-corner-shape-value",
      "type": "type",
      "value": "round | scoop | bevel | notch | straight | squircle | superellipse(<number [0,∞]> | infinity)",
      "values": [
        {
          "name": "round",
          "prose": "Border radii define a convex elliptical curve at the corner. Equivalent to superellipse(2).",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-round",
          "type": "value",
          "value": "round"
        },
        {
          "name": "scoop",
          "prose": "Border radii define a concave elliptical curve at the corner. Equivalent to superellipse(0.5).",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-scoop",
          "type": "value",
          "value": "scoop"
        },
        {
          "name": "bevel",
          "prose": "Border radii define a diagonal slice at the corner. Equivalent to superellipse(1).",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-bevel",
          "type": "value",
          "value": "bevel"
        },
        {
          "name": "notch",
          "prose": "Border radii define a concave 90deg angle at the corner. Equivalent to superellipse(0).",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-notch",
          "type": "value",
          "value": "notch"
        },
        {
          "name": "straight",
          "prose": "Border radii define a convex 90deg angle at the corner. This would have the same visual effect as a border-radius of 0. This is different from having a border-radius of 0 when animating. Equivalent to superellipse(infinity).",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-straight",
          "type": "value",
          "value": "straight"
        },
        {
          "name": "squircle",
          "prose": "Border radii define a convex curve between an ellipse and an convex angle, equivalent to superellipse(4).",
          "href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-squircle",
          "type": "value",
          "value": "squircle"
        }
      ]
    },
    {
      "name": "superellipse()",
      "value": "superellipse( <number> | infinity )",
      "href": "https://drafts.csswg.org/css-borders-4/#funcdef-superellipse",
      "type": "function"
    },
    {
      "name": "<spread-shadow>",
      "href": "https://drafts.csswg.org/css-borders-4/#typedef-spread-shadow",
      "type": "type",
      "value": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?"
    }
  ]
}