validator/testdata/feature_tests/css_declarations.html - main - githubmirror/amphtml

validator/testdata/feature_tests/css_declarations.html
843 строки29 KB
honeybadgerdontcare
Validator rollup 20210819 (#35748)
20 авг 2021, 21:08
20 авг 2021, 21:0815f658d
<!--
  Test Description:
    Tests various CSS declarations and in what contexts they are valid.
    The same list of declarations is present 3x:
     - in <style amp-custom>
     - inline style <b style=> attribute
     - inline style <path style=> attribute (SVG context)
-->
<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="./regular-html-version.html">
  <meta name="viewport" content="width=device-width,minimum-scale=1">
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <style amp-custom>
    /* These declarations don't all make sense, this tests their validity, not the CSS itself. */
    a {
      align-content: foo;
      align-items: foo;
      align-self: foo;
      alignment-baseline: foo;
      all: foo;
      animation-delay: foo;
      animation-direction: foo;
      animation-duration: foo;
      animation-fill-mode: foo;
      animation-iteration-count: foo;
      animation-name: foo;
      animation-play-state: foo;
      animation-timing-function: foo;
      animation: foo;
      backface-visibility: foo;
      background-attachment: foo;
      background-blend-mode: foo;
      background-clip: foo;
      background-color: foo;
      background-image: foo;
      background-origin: foo;
      background-position: foo;
      background-repeat: foo;
      background-size: foo;
      background: foo;
      baseline-shift: foo;
      border-bottom-color: foo;
      border-bottom-left-radius: foo;
      border-bottom-right-radius: foo;
      border-bottom-style: foo;
      border-bottom-width: foo;
      border-bottom: foo;
      border-collapse: foo;
      border-color: foo;
      border-image-outset: foo;
      border-image-repeat: foo;
      border-image-slice: foo;
      border-image-source: foo;
      border-image-width: foo;
      border-image: foo;
      border-left-color: foo;
      border-left-style: foo;
      border-left-width: foo;
      border-left: foo;
      border-radius: foo;
      border-right-color: foo;
      border-right-style: foo;
      border-right-width: foo;
      border-right: foo;
      border-spacing: foo;
      border-style: foo;
      border-top-color: foo;
      border-top-left-radius: foo;
      border-top-right-radius: foo;
      border-top-style: foo;
      border-top-width: foo;
      border-top: foo;
      border-width: foo;
      border: foo;
      bottom: foo;
      box-decoration-break: foo;
      box-shadow: foo;
      box-sizing: foo;
      break-after: foo;
      break-before: foo;
      break-inside: foo;
      caption-side: foo;
      caret-color: foo;
      clear: foo;
      clip-path: foo;
      clip-rule: foo;
      clip: foo;
      color-interpolation-filters: foo;
      color-interpolation: foo;
      color-profile: foo;
      color-rendering: foo;
      color: foo;
      column-count: foo;
      column-fill: foo;
      column-gap: foo;
      column-rule-color: foo;
      column-rule-style: foo;
      column-rule-width: foo;
      column-rule: foo;
      column-span: foo;
      column-width: foo;
      columns: foo;
      content: foo;
      counter-increment: foo;
      counter-reset: foo;
      cursor: foo;
      direction: foo;
      display: foo;
      dominant-baseline: foo;
      empty-cells: foo;
      enable-background: foo;
      fill-opacity: foo;
      fill-rule: foo;
      fill: foo;
      filter: foo;
      flex-basis: foo;
      flex-direction: foo;
      flex-flow: foo;
      flex-grow: foo;
      flex-shrink: foo;
      flex-wrap: foo;
      flex: foo;
      float: foo;
      flood-color: foo;
      flood-opacity: foo;
      font-family: foo;
      font-feature-settings: foo;
      font-kerning: foo;
      font-language-override: foo;
      font-size-adjust: foo;
      font-size: foo;
      font-stretch: foo;
      font-style: foo;
      font-synthesis: foo;
      font-variant-alternates: foo;
      font-variant-caps: foo;
      font-variant-east-asian: foo;
      font-variant-ligatures: foo;
      font-variant-numeric: foo;
      font-variant-position: foo;
      font-variant: foo;
      font-weight: foo;
      font: foo;
      glyph-orientation-horizontal: foo;
      glyph-orientation-vertical: foo;
      grid-area: foo;
      grid-auto-columns: foo;
      grid-auto-flow: foo;
      grid-auto-rows: foo;
      grid-column-end: foo;
      grid-column-gap: foo;
      grid-column-start: foo;
      grid-column: foo;
      grid-gap: foo;
      grid-row-end: foo;
      grid-row-gap: foo;
      grid-row-start: foo;
      grid-row: foo;
      grid-template-areas: foo;
      grid-template-columns: foo;
      grid-template-rows: foo;
      grid-template: foo;
      grid: foo;
      hanging-punctuation: foo;
      height: foo;
      hyphens: foo;
      image-rendering: foo;
      isolation: foo;
      justify-content: foo;
      kerning: foo;
      left: foo;
      letter-spacing: foo;
      lighting-color: foo;
      line-break: foo;
      line-height: foo;
      list-style-image: foo;
      list-style-position: foo;
      list-style-type: foo;
      list-style: foo;
      margin-bottom: foo;
      margin-left: foo;
      margin-right: foo;
      margin-top: foo;
      margin: foo;
      marker-end: foo;
      marker-mid: foo;
      marker-start: foo;
      marker: foo;
      mask: foo;
      max-height: foo;
      max-width: foo;
      min-height: foo;
      min-width: foo;
      mix-blend-mode: foo;
      object-fit: foo;
      object-position: foo;
      opacity: foo;
      order: foo;
      orphans: foo;
      outline-color: foo;
      outline-offset: foo;
      outline-style: foo;
      outline-width: foo;
      outline: foo;
      overflow-wrap: foo;
      overflow-x: foo;
      overflow-y: foo;
      overflow: foo;
      padding-bottom: foo;
      padding-left: foo;
      padding-right: foo;
      padding-top: foo;
      padding: foo;
      page-break-after: foo;
      page-break-before: foo;
      page-break-inside: foo;
      perspective-origin: foo;
      perspective: foo;
      pointer-events: foo;
      /* position has special rules. Don't use `foo` */
      position: initial;
      quotes: foo;
      resize: foo;
      right: foo;
      shape-rendering: foo;
      stop-color: foo;
      stop-opacity: foo;
      stroke-dasharray: foo;
      stroke-dashoffset: foo;
      stroke-linecap: foo;
      stroke-linejoin: foo;
      stroke-miterlimit: foo;
      stroke-opacity: foo;
      stroke-width: foo;
      stroke: foo;
      tab-size: foo;
      table-layout: foo;
      text-align-last: foo;
      text-align: foo;
      text-anchor: foo;
      text-combine-upright: foo;
      text-decoration-color: foo;
      text-decoration-line: foo;
      text-decoration-skip-ink: foo;
      text-decoration-style: foo;
      text-decoration: foo;
      text-fill-color: foo;
      text-indent: foo;
      text-justify: foo;
      text-orientation: foo;
      text-overflow: foo;
      text-rendering: foo;
      text-shadow: foo;
      text-stroke-color: foo;
      text-stroke-width: foo;
      text-stroke: foo;
      text-transform: foo;
      text-underline-position: foo;
      top: foo;
      transform-origin: foo;
      transform-style: foo;
      transform: foo;
      transition-delay: foo;
      transition-duration: foo;
      transition-property: foo;
      transition-timing-function: foo;
      transition: foo;
      unicode-bidi: foo;
      user-select: foo;
      vertical-align: foo;
      visibility: foo;
      white-space: foo;
      widows: foo;
      width: foo;
      word-break: foo;
      word-spacing: foo;
      word-wrap: foo;
      writing-mode: foo;
      z-index: foo;
    }
    madeupdecls {
      amplitude: foo;
      barometric-pressure: foo;
      degrees-celsius: foo;
    }
    vendorprefix {
      -webkit-user-select: foo;
    }
  </style>
</head>
<body>
<!-- Test these declaration's validity inside inline style attributes: -->
<b style='align-content: foo'></b>
<b style='align-items: foo'></b>
<b style='align-self: foo'></b>
<b style='alignment-baseline: foo'></b>
<b style='all: foo'></b>
<b style='animation-delay: foo'></b>
<b style='animation-direction: foo'></b>
<b style='animation-duration: foo'></b>
<b style='animation-fill-mode: foo'></b>
<b style='animation-iteration-count: foo'></b>
<b style='animation-name: foo'></b>
<b style='animation-play-state: foo'></b>
<b style='animation-timing-function: foo'></b>
<b style='animation: foo'></b>
<b style='backface-visibility: foo'></b>
<b style='background-attachment: foo'></b>
<b style='background-blend-mode: foo'></b>
<b style='background-clip: foo'></b>
<b style='background-color: foo'></b>
<b style='background-image: foo'></b>
<b style='background-origin: foo'></b>
<b style='background-position: foo'></b>
<b style='background-repeat: foo'></b>
<b style='background-size: foo'></b>
<b style='background: foo'></b>
<b style='baseline-shift: foo'></b>
<b style='border-bottom-color: foo'></b>
<b style='border-bottom-left-radius: foo'></b>
<b style='border-bottom-right-radius: foo'></b>
<b style='border-bottom-style: foo'></b>
<b style='border-bottom-width: foo'></b>
<b style='border-bottom: foo'></b>
<b style='border-collapse: foo'></b>
<b style='border-color: foo'></b>
<b style='border-image-outset: foo'></b>
<b style='border-image-repeat: foo'></b>
<b style='border-image-slice: foo'></b>
<b style='border-image-source: foo'></b>
<b style='border-image-width: foo'></b>
<b style='border-image: foo'></b>
<b style='border-left-color: foo'></b>
<b style='border-left-style: foo'></b>
<b style='border-left-width: foo'></b>
<b style='border-left: foo'></b>
<b style='border-radius: foo'></b>
<b style='border-right-color: foo'></b>
<b style='border-right-style: foo'></b>
<b style='border-right-width: foo'></b>
<b style='border-right: foo'></b>
<b style='border-spacing: foo'></b>
<b style='border-style: foo'></b>
<b style='border-top-color: foo'></b>
<b style='border-top-left-radius: foo'></b>
<b style='border-top-right-radius: foo'></b>
<b style='border-top-style: foo'></b>
<b style='border-top-width: foo'></b>
<b style='border-top: foo'></b>
<b style='border-width: foo'></b>
<b style='border: foo'></b>
<b style='bottom: foo'></b>
<b style='box-decoration-break: foo'></b>
<b style='box-shadow: foo'></b>
<b style='box-sizing: foo'></b>
<b style='break-after: foo'></b>
<b style='break-before: foo'></b>
<b style='break-inside: foo'></b>
<b style='caption-side: foo'></b>
<b style='caret-color: foo'></b>
<b style='clear: foo'></b>
<b style='clip-path: foo'></b>
<b style='clip-rule: foo'></b>
<b style='clip: foo'></b>
<b style='color-interpolation-filters: foo'></b>
<b style='color-interpolation: foo'></b>
<b style='color-profile: foo'></b>
<b style='color-rendering: foo'></b>
<b style='color: foo'></b>
<b style='column-count: foo'></b>
<b style='column-fill: foo'></b>
<b style='column-gap: foo'></b>
<b style='column-rule-color: foo'></b>
<b style='column-rule-style: foo'></b>
<b style='column-rule-width: foo'></b>
<b style='column-rule: foo'></b>
<b style='column-span: foo'></b>
<b style='column-width: foo'></b>
<b style='columns: foo'></b>
<b style='content: foo'></b>
<b style='counter-increment: foo'></b>
<b style='counter-reset: foo'></b>
<b style='cursor: foo'></b>
<b style='direction: foo'></b>
<b style='display: foo'></b>
<b style='dominant-baseline: foo'></b>
<b style='empty-cells: foo'></b>
<b style='enable-background: foo'></b>
<b style='fill-opacity: foo'></b>
<b style='fill-rule: foo'></b>
<b style='fill: foo'></b>
<b style='filter: foo'></b>
<b style='flex-basis: foo'></b>
<b style='flex-direction: foo'></b>
<b style='flex-flow: foo'></b>
<b style='flex-grow: foo'></b>
<b style='flex-shrink: foo'></b>
<b style='flex-wrap: foo'></b>
<b style='flex: foo'></b>
<b style='float: foo'></b>
<b style='flood-color: foo'></b>
<b style='flood-opacity: foo'></b>
<b style='font-family: foo'></b>
<b style='font-feature-settings: foo'></b>
<b style='font-kerning: foo'></b>
<b style='font-language-override: foo'></b>
<b style='font-size-adjust: foo'></b>
<b style='font-size: foo'></b>
<b style='font-stretch: foo'></b>
<b style='font-style: foo'></b>
<b style='font-synthesis: foo'></b>
<b style='font-variant-alternates: foo'></b>
<b style='font-variant-caps: foo'></b>
<b style='font-variant-east-asian: foo'></b>
<b style='font-variant-ligatures: foo'></b>
<b style='font-variant-numeric: foo'></b>
<b style='font-variant-position: foo'></b>
<b style='font-variant: foo'></b>
<b style='font-weight: foo'></b>
<b style='font: foo'></b>
<b style='glyph-orientation-horizontal: foo'></b>
<b style='glyph-orientation-vertical: foo'></b>
<b style='grid-area: foo'></b>
<b style='grid-auto-columns: foo'></b>
<b style='grid-auto-flow: foo'></b>
<b style='grid-auto-rows: foo'></b>
<b style='grid-column-end: foo'></b>
<b style='grid-column-gap: foo'></b>
<b style='grid-column-start: foo'></b>
<b style='grid-column: foo'></b>
<b style='grid-gap: foo'></b>
<b style='grid-row-end: foo'></b>
<b style='grid-row-gap: foo'></b>
<b style='grid-row-start: foo'></b>
<b style='grid-row: foo'></b>
<b style='grid-template-areas: foo'></b>
<b style='grid-template-columns: foo'></b>
<b style='grid-template-rows: foo'></b>
<b style='grid-template: foo'></b>
<b style='grid: foo'></b>
<b style='hanging-punctuation: foo'></b>
<b style='height: foo'></b>
<b style='hyphens: foo'></b>
<b style='image-rendering: foo'></b>
<b style='isolation: foo'></b>
<b style='justify-content: foo'></b>
<b style='kerning: foo'></b>
<b style='left: foo'></b>
<b style='letter-spacing: foo'></b>
<b style='lighting-color: foo'></b>
<b style='line-break: foo'></b>
<b style='line-height: foo'></b>
<b style='list-style-image: foo'></b>
<b style='list-style-position: foo'></b>
<b style='list-style-type: foo'></b>
<b style='list-style: foo'></b>
<b style='margin-bottom: foo'></b>
<b style='margin-left: foo'></b>
<b style='margin-right: foo'></b>
<b style='margin-top: foo'></b>
<b style='margin: foo'></b>
<b style='marker-end: foo'></b>
<b style='marker-mid: foo'></b>
<b style='marker-start: foo'></b>
<b style='marker: foo'></b>
<b style='mask: foo'></b>
<b style='max-height: foo'></b>
<b style='max-width: foo'></b>
<b style='min-height: foo'></b>
<b style='min-width: foo'></b>
<b style='mix-blend-mode: foo'></b>
<b style='object-fit: foo'></b>
<b style='object-position: foo'></b>
<b style='opacity: foo'></b>
<b style='order: foo'></b>
<b style='orphans: foo'></b>
<b style='outline-color: foo'></b>
<b style='outline-offset: foo'></b>
<b style='outline-style: foo'></b>
<b style='outline-width: foo'></b>
<b style='outline: foo'></b>
<b style='overflow-wrap: foo'></b>
<b style='overflow-x: foo'></b>
<b style='overflow-y: foo'></b>
<b style='overflow: foo'></b>
<b style='padding-bottom: foo'></b>
<b style='padding-left: foo'></b>
<b style='padding-right: foo'></b>
<b style='padding-top: foo'></b>
<b style='padding: foo'></b>
<b style='page-break-after: foo'></b>
<b style='page-break-before: foo'></b>
<b style='page-break-inside: foo'></b>
<b style='perspective-origin: foo'></b>
<b style='perspective: foo'></b>
<b style='pointer-events: foo'></b>
<!-- position has special rules. Don't use `foo` -->
<b style='position: initial'></b>
<b style='quotes: foo'></b>
<b style='resize: foo'></b>
<b style='right: foo'></b>
<b style='shape-rendering: foo'></b>
<b style='stop-color: foo'></b>
<b style='stop-opacity: foo'></b>
<b style='stroke-dasharray: foo'></b>
<b style='stroke-dashoffset: foo'></b>
<b style='stroke-linecap: foo'></b>
<b style='stroke-linejoin: foo'></b>
<b style='stroke-miterlimit: foo'></b>
<b style='stroke-opacity: foo'></b>
<b style='stroke-width: foo'></b>
<b style='stroke: foo'></b>
<b style='tab-size: foo'></b>
<b style='table-layout: foo'></b>
<b style='text-align-last: foo'></b>
<b style='text-align: foo'></b>
<b style='text-anchor: foo'></b>
<b style='text-combine-upright: foo'></b>
<b style='text-decoration-color: foo'></b>
<b style='text-decoration-line: foo'></b>
<b style='text-decoration-skip-ink: foo'></b>
<b style='text-decoration-style: foo'></b>
<b style='text-decoration: foo'></b>
<b style='text-fill-color: foo'></b>
<b style='text-indent: foo'></b>
<b style='text-justify: foo'></b>
<b style='text-orientation: foo'></b>
<b style='text-overflow: foo'></b>
<b style='text-rendering: foo'></b>
<b style='text-shadow: foo'></b>
<b style='text-stroke-color: foo'></b>
<b style='text-stroke-width: foo'></b>
<b style='text-stroke: foo'></b>
<b style='text-transform: foo'></b>
<b style='text-underline-position: foo'></b>
<b style='top: foo'></b>
<b style='transform-origin: foo'></b>
<b style='transform-style: foo'></b>
<b style='transform: foo'></b>
<b style='transition-delay: foo'></b>
<b style='transition-duration: foo'></b>
<b style='transition-property: foo'></b>
<b style='transition-timing-function: foo'></b>
<b style='transition: foo'></b>
<b style='unicode-bidi: foo'></b>
<b style='user-select: foo'></b>
<b style='vertical-align: foo'></b>
<b style='visibility: foo'></b>
<b style='white-space: foo'></b>
<b style='widows: foo'></b>
<b style='width: foo'></b>
<b style='word-break: foo'></b>
<b style='word-spacing: foo'></b>
<b style='word-wrap: foo'></b>
<b style='writing-mode: foo'></b>
<b style='z-index: foo'></b>
<!-- Made-up decls -->
<b style='amplitude: foo'></b>
<b style='barometric-pressure: foo'></b>
<b style='degrees-celsius: foo'></b>
<!-- Vendor Prefix -->
<b style="-webkit-user-select: foo;"></b>

<!-- SVG supports additional declarations not supported in HTML -->
<svg>
  <path style='align-content: foo'></path>
  <path style='align-items: foo'></path>
  <path style='align-self: foo'></path>
  <path style='alignment-baseline: foo'></path>
  <path style='all: foo'></path>
  <path style='animation-delay: foo'></path>
  <path style='animation-direction: foo'></path>
  <path style='animation-duration: foo'></path>
  <path style='animation-fill-mode: foo'></path>
  <path style='animation-iteration-count: foo'></path>
  <path style='animation-name: foo'></path>
  <path style='animation-play-state: foo'></path>
  <path style='animation-timing-function: foo'></path>
  <path style='animation: foo'></path>
  <path style='backface-visibility: foo'></path>
  <path style='background-attachment: foo'></path>
  <path style='background-blend-mode: foo'></path>
  <path style='background-clip: foo'></path>
  <path style='background-color: foo'></path>
  <path style='background-image: foo'></path>
  <path style='background-origin: foo'></path>
  <path style='background-position: foo'></path>
  <path style='background-repeat: foo'></path>
  <path style='background-size: foo'></path>
  <path style='background: foo'></path>
  <path style='baseline-shift: foo'></path>
  <path style='border-bottom-color: foo'></path>
  <path style='border-bottom-left-radius: foo'></path>
  <path style='border-bottom-right-radius: foo'></path>
  <path style='border-bottom-style: foo'></path>
  <path style='border-bottom-width: foo'></path>
  <path style='border-bottom: foo'></path>
  <path style='border-collapse: foo'></path>
  <path style='border-color: foo'></path>
  <path style='border-image-outset: foo'></path>
  <path style='border-image-repeat: foo'></path>
  <path style='border-image-slice: foo'></path>
  <path style='border-image-source: foo'></path>
  <path style='border-image-width: foo'></path>
  <path style='border-image: foo'></path>
  <path style='border-left-color: foo'></path>
  <path style='border-left-style: foo'></path>
  <path style='border-left-width: foo'></path>
  <path style='border-left: foo'></path>
  <path style='border-radius: foo'></path>
  <path style='border-right-color: foo'></path>
  <path style='border-right-style: foo'></path>
  <path style='border-right-width: foo'></path>
  <path style='border-right: foo'></path>
  <path style='border-spacing: foo'></path>
  <path style='border-style: foo'></path>
  <path style='border-top-color: foo'></path>
  <path style='border-top-left-radius: foo'></path>
  <path style='border-top-right-radius: foo'></path>
  <path style='border-top-style: foo'></path>
  <path style='border-top-width: foo'></path>
  <path style='border-top: foo'></path>
  <path style='border-width: foo'></path>
  <path style='border: foo'></path>
  <path style='bottom: foo'></path>
  <path style='box-decoration-break: foo'></path>
  <path style='box-shadow: foo'></path>
  <path style='box-sizing: foo'></path>
  <path style='break-after: foo'></path>
  <path style='break-before: foo'></path>
  <path style='break-inside: foo'></path>
  <path style='caption-side: foo'></path>
  <path style='caret-color: foo'></path>
  <path style='clear: foo'></path>
  <path style='clip-path: foo'></path>
  <path style='clip-rule: foo'></path>
  <path style='clip: foo'></path>
  <path style='color-interpolation-filters: foo'></path>
  <path style='color-interpolation: foo'></path>
  <path style='color-profile: foo'></path>
  <path style='color-rendering: foo'></path>
  <path style='color: foo'></path>
  <path style='column-count: foo'></path>
  <path style='column-fill: foo'></path>
  <path style='column-gap: foo'></path>
  <path style='column-rule-color: foo'></path>
  <path style='column-rule-style: foo'></path>
  <path style='column-rule-width: foo'></path>
  <path style='column-rule: foo'></path>
  <path style='column-span: foo'></path>
  <path style='column-width: foo'></path>
  <path style='columns: foo'></path>
  <path style='content: foo'></path>
  <path style='counter-increment: foo'></path>
  <path style='counter-reset: foo'></path>
  <path style='cursor: foo'></path>
  <path style='direction: foo'></path>
  <path style='display: foo'></path>
  <path style='dominant-baseline: foo'></path>
  <path style='empty-cells: foo'></path>
  <path style='enable-background: foo'></path>
  <path style='fill-opacity: foo'></path>
  <path style='fill-rule: foo'></path>
  <path style='fill: foo'></path>
  <path style='filter: foo'></path>
  <path style='flex-basis: foo'></path>
  <path style='flex-direction: foo'></path>
  <path style='flex-flow: foo'></path>
  <path style='flex-grow: foo'></path>
  <path style='flex-shrink: foo'></path>
  <path style='flex-wrap: foo'></path>
  <path style='flex: foo'></path>
  <path style='float: foo'></path>
  <path style='flood-color: foo'></path>
  <path style='flood-opacity: foo'></path>
  <path style='font-family: foo'></path>
  <path style='font-feature-settings: foo'></path>
  <path style='font-kerning: foo'></path>
  <path style='font-language-override: foo'></path>
  <path style='font-size-adjust: foo'></path>
  <path style='font-size: foo'></path>
  <path style='font-stretch: foo'></path>
  <path style='font-style: foo'></path>
  <path style='font-synthesis: foo'></path>
  <path style='font-variant-alternates: foo'></path>
  <path style='font-variant-caps: foo'></path>
  <path style='font-variant-east-asian: foo'></path>
  <path style='font-variant-ligatures: foo'></path>
  <path style='font-variant-numeric: foo'></path>
  <path style='font-variant-position: foo'></path>
  <path style='font-variant: foo'></path>
  <path style='font-weight: foo'></path>
  <path style='font: foo'></path>
  <path style='glyph-orientation-horizontal: foo'></path>
  <path style='glyph-orientation-vertical: foo'></path>
  <path style='grid-area: foo'></path>
  <path style='grid-auto-columns: foo'></path>
  <path style='grid-auto-flow: foo'></path>
  <path style='grid-auto-rows: foo'></path>
  <path style='grid-column-end: foo'></path>
  <path style='grid-column-gap: foo'></path>
  <path style='grid-column-start: foo'></path>
  <path style='grid-column: foo'></path>
  <path style='grid-gap: foo'></path>
  <path style='grid-row-end: foo'></path>
  <path style='grid-row-gap: foo'></path>
  <path style='grid-row-start: foo'></path>
  <path style='grid-row: foo'></path>
  <path style='grid-template-areas: foo'></path>
  <path style='grid-template-columns: foo'></path>
  <path style='grid-template-rows: foo'></path>
  <path style='grid-template: foo'></path>
  <path style='grid: foo'></path>
  <path style='hanging-punctuation: foo'></path>
  <path style='height: foo'></path>
  <path style='hyphens: foo'></path>
  <path style='image-rendering: foo'></path>
  <path style='isolation: foo'></path>
  <path style='justify-content: foo'></path>
  <path style='kerning: foo'></path>
  <path style='left: foo'></path>
  <path style='letter-spacing: foo'></path>
  <path style='lighting-color: foo'></path>
  <path style='line-break: foo'></path>
  <path style='line-height: foo'></path>
  <path style='list-style-image: foo'></path>
  <path style='list-style-position: foo'></path>
  <path style='list-style-type: foo'></path>
  <path style='list-style: foo'></path>
  <path style='margin-bottom: foo'></path>
  <path style='margin-left: foo'></path>
  <path style='margin-right: foo'></path>
  <path style='margin-top: foo'></path>
  <path style='margin: foo'></path>
  <path style='marker-end: foo'></path>
  <path style='marker-mid: foo'></path>
  <path style='marker-start: foo'></path>
  <path style='marker: foo'></path>
  <path style='mask: foo'></path>
  <path style='max-height: foo'></path>
  <path style='max-width: foo'></path>
  <path style='min-height: foo'></path>
  <path style='min-width: foo'></path>
  <path style='mix-blend-mode: foo'></path>
  <path style='object-fit: foo'></path>
  <path style='object-position: foo'></path>
  <path style='opacity: foo'></path>
  <path style='order: foo'></path>
  <path style='orphans: foo'></path>
  <path style='outline-color: foo'></path>
  <path style='outline-offset: foo'></path>
  <path style='outline-style: foo'></path>
  <path style='outline-width: foo'></path>
  <path style='outline: foo'></path>
  <path style='overflow-wrap: foo'></path>
  <path style='overflow-x: foo'></path>
  <path style='overflow-y: foo'></path>
  <path style='overflow: foo'></path>
  <path style='padding-bottom: foo'></path>
  <path style='padding-left: foo'></path>
  <path style='padding-right: foo'></path>
  <path style='padding-top: foo'></path>
  <path style='padding: foo'></path>
  <path style='page-break-after: foo'></path>
  <path style='page-break-before: foo'></path>
  <path style='page-break-inside: foo'></path>
  <path style='perspective-origin: foo'></path>
  <path style='perspective: foo'></path>
  <path style='pointer-events: foo'></path>
  <!-- position has special rules. Don't use `foo` -->
  <path style='position: initial'></path>
  <path style='quotes: foo'></path>
  <path style='resize: foo'></path>
  <path style='right: foo'></path>
  <path style='shape-rendering: foo'></path>
  <path style='stop-color: foo'></path>
  <path style='stop-opacity: foo'></path>
  <path style='stroke-dasharray: foo'></path>
  <path style='stroke-dashoffset: foo'></path>
  <path style='stroke-linecap: foo'></path>
  <path style='stroke-linejoin: foo'></path>
  <path style='stroke-miterlimit: foo'></path>
  <path style='stroke-opacity: foo'></path>
  <path style='stroke-width: foo'></path>
  <path style='stroke: foo'></path>
  <path style='tab-size: foo'></path>
  <path style='table-layout: foo'></path>
  <path style='text-align-last: foo'></path>
  <path style='text-align: foo'></path>
  <path style='text-anchor: foo'></path>
  <path style='text-combine-upright: foo'></path>
  <path style='text-decoration-color: foo'></path>
  <path style='text-decoration-line: foo'></path>
  <path style='text-decoration-skip-ink: foo'></b>
  <path style='text-decoration-style: foo'></path>
  <path style='text-decoration: foo'></path>
  <path style='text-fill-color: foo'></path>
  <path style='text-indent: foo'></path>
  <path style='text-justify: foo'></path>
  <path style='text-orientation: foo'></path>
  <path style='text-overflow: foo'></path>
  <path style='text-rendering: foo'></path>
  <path style='text-shadow: foo'></path>
  <path style='text-stroke-color: foo'></path>
  <path style='text-stroke-width: foo'></path>
  <path style='text-stroke: foo'></path>
  <path style='text-transform: foo'></path>
  <path style='text-underline-position: foo'></path>
  <path style='top: foo'></path>
  <path style='transform-origin: foo'></path>
  <path style='transform-style: foo'></path>
  <path style='transform: foo'></path>
  <path style='transition-delay: foo'></path>
  <path style='transition-duration: foo'></path>
  <path style='transition-property: foo'></path>
  <path style='transition-timing-function: foo'></path>
  <path style='transition: foo'></path>
  <path style='unicode-bidi: foo'></path>
  <path style='user-select: foo'></path>
  <path style='vertical-align: foo'></path>
  <path style='visibility: foo'></path>
  <path style='white-space: foo'></path>
  <path style='widows: foo'></path>
  <path style='width: foo'></path>
  <path style='word-break: foo'></path>
  <path style='word-spacing: foo'></path>
  <path style='word-wrap: foo'></path>
  <path style='writing-mode: foo'></path>
  <path style='z-index: foo'></path>
  <!-- Made-up decls -->
  <path style='amplitude: foo'></path>
  <path style='barometric-pressure: foo'></path>
  <path style='degrees-celsius: foo'></path>
  <!-- Vendor Prefix -->
  <path style="-webkit-user-select: foo;"></b>
</svg>

</body>
</html>