css-text-decor.json

{
  "spec": {
    "title": "CSS Text Decoration Module Level 3",
    "url": "https://www.w3.org/TR/css-text-decor-3/"
  },
  "properties": {
    "text-decoration-line": {
      "name": "text-decoration-line",
      "value": "none | [ underline || overline || line-through || blink ]",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "no (but see prose, above)",
      "percentages": "n/a",
      "computedValue": "specified keyword(s)",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "text-decoration-line",
        "textDecorationLine"
      ]
    },
    "text-decoration-style": {
      "name": "text-decoration-style",
      "value": "solid | double | dotted | dashed | wavy",
      "initial": "solid",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "specified keyword",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "text-decoration-style",
        "textDecorationStyle"
      ]
    },
    "text-decoration-color": {
      "name": "text-decoration-color",
      "value": "<color>",
      "initial": "currentcolor",
      "appliesTo": "all elements",
      "inherited": "no",
      "percentages": "n/a",
      "computedValue": "computed color",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value type",
      "styleDeclaration": [
        "text-decoration-color",
        "textDecorationColor"
      ]
    },
    "text-decoration": {
      "name": "text-decoration",
      "value": "<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-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",
      "styleDeclaration": [
        "text-decoration",
        "textDecoration"
      ]
    },
    "text-underline-position": {
      "name": "text-underline-position",
      "value": "auto | [ under || [ left | right ] ]",
      "initial": "auto",
      "appliesTo": "all elements",
      "inherited": "yes",
      "percentages": "n/a",
      "computedValue": "specified keyword(s)",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "text-underline-position",
        "textUnderlinePosition"
      ]
    },
    "text-emphasis-style": {
      "name": "text-emphasis-style",
      "value": "none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "yes",
      "percentages": "n/a",
      "computedValue": "the keyword none, a pair of keywords representing the shape and fill, or a string",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "text-emphasis-style",
        "textEmphasisStyle"
      ]
    },
    "text-emphasis-color": {
      "name": "text-emphasis-color",
      "value": "<color>",
      "initial": "currentcolor",
      "appliesTo": "all elements",
      "inherited": "yes",
      "percentages": "n/a",
      "computedValue": "computed color",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value type",
      "styleDeclaration": [
        "text-emphasis-color",
        "textEmphasisColor"
      ]
    },
    "text-emphasis": {
      "name": "text-emphasis",
      "value": "<'text-emphasis-style'> || <'text-emphasis-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",
      "styleDeclaration": [
        "text-emphasis",
        "textEmphasis"
      ]
    },
    "text-emphasis-position": {
      "name": "text-emphasis-position",
      "value": "[ over | under ] && [ right | left ]?",
      "initial": "over right",
      "appliesTo": "all elements",
      "inherited": "yes",
      "percentages": "n/a",
      "computedValue": "specified keyword(s)",
      "canonicalOrder": "per grammar",
      "animationType": "discrete",
      "styleDeclaration": [
        "text-emphasis-position",
        "textEmphasisPosition"
      ]
    },
    "text-shadow": {
      "name": "text-shadow",
      "value": "none | [ <color>? && <length>{2,3} ]#",
      "initial": "none",
      "appliesTo": "all elements",
      "inherited": "yes",
      "percentages": "n/a",
      "computedValue": "either the keyword none or a list, each item consisting of three absolute lengths plus a computed color",
      "canonicalOrder": "per grammar",
      "animationType": "by computed value, treating none as a zero-item list and appending blank shadows (transparent 0 0 0) as needed to match the longer list if the the shorter list is otherwise compatible with the longer one",
      "styleDeclaration": [
        "text-shadow",
        "textShadow"
      ]
    }
  },
  "descriptors": {},
  "valuespaces": {}
}