css-logical.json

{
  "spec": {
    "title": "CSS Logical Properties and Values Level 1",
    "url": "https://www.w3.org/TR/css-logical-1/"
  },
  "properties": {
    "caption-side": {
      "name": "caption-side",
      "newValues": "inline-start | inline-end",
      "computedValue": "as specified"
    },
    "float": {
      "name": "float",
      "newValues": "inline-start | inline-end",
      "computedValue": "as specified"
    },
    "clear": {
      "name": "clear",
      "newValues": "inline-start | inline-end",
      "computedValue": "as specified"
    },
    "text-align": {
      "name": "text-align",
      "newValues": "start | end",
      "computedValue": "as specified"
    },
    "resize": {
      "name": "resize",
      "newValues": "block | inline",
      "computedValue": "as specified"
    },
    "block-size": {
      "name": "block-size",
      "value": "<‘width’>",
      "initial": "auto",
      "appliesTo": "Same as width and height",
      "inherited": "No",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as width, height",
      "canonicalOrder": "per grammar",
      "animatable": "Same as width, height"
    },
    "inline-size": {
      "name": "inline-size",
      "value": "<‘width’>",
      "initial": "auto",
      "appliesTo": "Same as width and height",
      "inherited": "No",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as width, height",
      "canonicalOrder": "per grammar",
      "animatable": "Same as width, height"
    },
    "min-block-size": {
      "name": "min-block-size",
      "value": "<‘min-width’>",
      "initial": "0",
      "appliesTo": "same as width and height",
      "inherited": "No",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as min-width, min-height",
      "canonicalOrder": "per grammar",
      "animatable": "Same as min-width, min-height"
    },
    "min-inline-size": {
      "name": "min-inline-size",
      "value": "<‘min-width’>",
      "initial": "0",
      "appliesTo": "same as width and height",
      "inherited": "No",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as min-width, min-height",
      "canonicalOrder": "per grammar",
      "animatable": "Same as min-width, min-height"
    },
    "max-block-size": {
      "name": "max-block-size",
      "value": "<‘max-width’>",
      "initial": "none",
      "appliesTo": "same as width and height",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as max-width, max-height",
      "canonicalOrder": "per grammar",
      "animatable": "Same as max-width, max-height"
    },
    "max-inline-size": {
      "name": "max-inline-size",
      "value": "<‘max-width’>",
      "initial": "none",
      "appliesTo": "same as width and height",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as max-width, max-height",
      "canonicalOrder": "per grammar",
      "animatable": "Same as max-width, max-height"
    },
    "margin-block-start": {
      "name": "margin-block-start",
      "value": "<‘margin-top’>",
      "initial": "0",
      "appliesTo": "Same as margin-top",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding margin-* properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as margin-top"
    },
    "margin-block-end": {
      "name": "margin-block-end",
      "value": "<‘margin-top’>",
      "initial": "0",
      "appliesTo": "Same as margin-top",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding margin-* properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as margin-top"
    },
    "margin-inline-start": {
      "name": "margin-inline-start",
      "value": "<‘margin-top’>",
      "initial": "0",
      "appliesTo": "Same as margin-top",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding margin-* properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as margin-top"
    },
    "margin-inline-end": {
      "name": "margin-inline-end",
      "value": "<‘margin-top’>",
      "initial": "0",
      "appliesTo": "Same as margin-top",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding margin-* properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as margin-top"
    },
    "margin-block": {
      "name": "margin-block",
      "value": "<‘margin-left’>{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"
    },
    "margin-inline": {
      "name": "margin-inline",
      "value": "<‘margin-left’>{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"
    },
    "inset-block-start": {
      "name": "inset-block-start",
      "value": "<‘top’>",
      "initial": "auto",
      "appliesTo": "positioned elements",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding top/right/bottom/left properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as top"
    },
    "inset-block-end": {
      "name": "inset-block-end",
      "value": "<‘top’>",
      "initial": "auto",
      "appliesTo": "positioned elements",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding top/right/bottom/left properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as top"
    },
    "inset-inline-start": {
      "name": "inset-inline-start",
      "value": "<‘top’>",
      "initial": "auto",
      "appliesTo": "positioned elements",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding top/right/bottom/left properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as top"
    },
    "inset-inline-end": {
      "name": "inset-inline-end",
      "value": "<‘top’>",
      "initial": "auto",
      "appliesTo": "positioned elements",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding top/right/bottom/left properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as top"
    },
    "inset-block": {
      "name": "inset-block",
      "value": "<‘top’>{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"
    },
    "inset-inline": {
      "name": "inset-inline",
      "value": "<‘top’>{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"
    },
    "inset": {
      "name": "inset",
      "value": "<‘top’>{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"
    },
    "padding-block-start": {
      "name": "padding-block-start",
      "value": "<‘padding-top’>",
      "initial": "0",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding padding-* properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as padding-top"
    },
    "padding-block-end": {
      "name": "padding-block-end",
      "value": "<‘padding-top’>",
      "initial": "0",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding padding-* properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as padding-top"
    },
    "padding-inline-start": {
      "name": "padding-inline-start",
      "value": "<‘padding-top’>",
      "initial": "0",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding padding-* properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as padding-top"
    },
    "padding-inline-end": {
      "name": "padding-inline-end",
      "value": "<‘padding-top’>",
      "initial": "0",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "As for the corresponding physical property",
      "computedValue": "Same as corresponding padding-* properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as padding-top"
    },
    "padding-block": {
      "name": "padding-block",
      "value": "<‘padding-left’>{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"
    },
    "padding-inline": {
      "name": "padding-inline",
      "value": "<‘padding-left’>{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"
    },
    "border-block-start-width": {
      "name": "border-block-start-width",
      "value": "<‘border-top-width’>",
      "initial": "medium",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-width properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-width"
    },
    "border-block-end-width": {
      "name": "border-block-end-width",
      "value": "<‘border-top-width’>",
      "initial": "medium",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-width properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-width"
    },
    "border-inline-start-width": {
      "name": "border-inline-start-width",
      "value": "<‘border-top-width’>",
      "initial": "medium",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-width properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-width"
    },
    "border-inline-end-width": {
      "name": "border-inline-end-width",
      "value": "<‘border-top-width’>",
      "initial": "medium",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-width properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-width"
    },
    "border-block-width": {
      "name": "border-block-width",
      "value": "<‘border-top-width’>{1,2}",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-inline-width": {
      "name": "border-inline-width",
      "value": "<‘border-top-width’>{1,2}",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-block-start-style": {
      "name": "border-block-start-style",
      "value": "<‘border-top-style’>",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-style properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-style"
    },
    "border-block-end-style": {
      "name": "border-block-end-style",
      "value": "<‘border-top-style’>",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-style properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-style"
    },
    "border-inline-start-style": {
      "name": "border-inline-start-style",
      "value": "<‘border-top-style’>",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-style properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-style"
    },
    "border-inline-end-style": {
      "name": "border-inline-end-style",
      "value": "<‘border-top-style’>",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-style properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-style"
    },
    "border-block-style": {
      "name": "border-block-style",
      "value": "<‘border-top-style’>{1,2}",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-inline-style": {
      "name": "border-inline-style",
      "value": "<‘border-top-style’>{1,2}",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-block-start-color": {
      "name": "border-block-start-color",
      "value": "<‘border-top-color’>",
      "initial": "currentcolor",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-color properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-color"
    },
    "border-block-end-color": {
      "name": "border-block-end-color",
      "value": "<‘border-top-color’>",
      "initial": "currentcolor",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-color properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-color"
    },
    "border-inline-start-color": {
      "name": "border-inline-start-color",
      "value": "<‘border-top-color’>",
      "initial": "currentcolor",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-color properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-color"
    },
    "border-inline-end-color": {
      "name": "border-inline-end-color",
      "value": "<‘border-top-color’>",
      "initial": "currentcolor",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "Same as corresponding border-*-color properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-color"
    },
    "border-block-color": {
      "name": "border-block-color",
      "value": "<‘border-top-color’>{1,2}",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-inline-color": {
      "name": "border-inline-color",
      "value": "<‘border-top-color’>{1,2}",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-block-start": {
      "name": "border-block-start",
      "value": "<‘border-top-width’> || <‘border-top-style’> || <color>",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-block-end": {
      "name": "border-block-end",
      "value": "<‘border-top-width’> || <‘border-top-style’> || <color>",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-inline-start": {
      "name": "border-inline-start",
      "value": "<‘border-top-width’> || <‘border-top-style’> || <color>",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-inline-end": {
      "name": "border-inline-end",
      "value": "<‘border-top-width’> || <‘border-top-style’> || <color>",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-block": {
      "name": "border-block",
      "value": "<‘border-block-start’>",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-inline": {
      "name": "border-inline",
      "value": "<‘border-block-start’>",
      "initial": "see individual properties",
      "appliesTo": "see individual properties",
      "inherited": "see individual properties",
      "percentages": "see individual properties",
      "computedValue": "see individual properties",
      "animationType": "see individual properties",
      "canonicalOrder": "per grammar"
    },
    "border-start-start-radius": {
      "name": "border-start-start-radius",
      "value": "<‘border-top-left-radius’>",
      "initial": "Same as border-top-left-radius",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "Same as border-top-left-radius",
      "computedValue": "Same as corresponding physical border-*-radius properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-left-radius"
    },
    "border-start-end-radius": {
      "name": "border-start-end-radius",
      "value": "<‘border-top-left-radius’>",
      "initial": "Same as border-top-left-radius",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "Same as border-top-left-radius",
      "computedValue": "Same as corresponding physical border-*-radius properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-left-radius"
    },
    "border-end-start-radius": {
      "name": "border-end-start-radius",
      "value": "<‘border-top-left-radius’>",
      "initial": "Same as border-top-left-radius",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "Same as border-top-left-radius",
      "computedValue": "Same as corresponding physical border-*-radius properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-left-radius"
    },
    "border-end-end-radius": {
      "name": "border-end-end-radius",
      "value": "<‘border-top-left-radius’>",
      "initial": "Same as border-top-left-radius",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "Same as border-top-left-radius",
      "computedValue": "Same as corresponding physical border-*-radius properties",
      "canonicalOrder": "per grammar",
      "animatable": "Same as border-top-left-radius"
    }
  },
  "descriptors": {},
  "valuespaces": {}
}