/
githubmirror
/
amphtml
Обзор
Документация
Войти
/
githubmirror
/
amphtml
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
validator/testdata/amp4email_feature_tests/css_declarations.html
642 строки
19 KB
Boxiao Cao
cl/425967471 Remove restrictions on CSS position attribute value (#37607)
12 фев 2022, 01:01
Не верифицирован
12 фев 2022, 01:01
00241ce
Код
Авторство
О чём код?
<!-- Test Description: Tests various CSS declarations and in what contexts they are valid. The same list of declarations is present 2x: - in <style amp-custom> - inline style <b style=> attribute --> <!doctype html> <html ⚡4email> <head> <meta charset="utf-8"> <style amp4email-boilerplate>body{visibility:hidden}</style> <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 { -moz-appearance: foo; -webkit-appearance: foo; -webkit-tap-highlight-color: foo; 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; appearance: foo; azimuth: 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-adjust: 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; elevation: 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-variation-settings: foo; font-weight: foo; font: foo; gap: 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-orientation: foo; image-rendering: foo; image-resolution: foo; inline-size: foo; isolation: foo; justify-content: foo; justify-items: foo; justify-self: 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; offset-distance: 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; pause: foo; pause-after: foo; pause-before: foo; perspective-origin: foo; perspective: foo; pitch: foo; pitch-range: foo; place-items: foo; pointer-events: foo; position: foo; quotes: foo; resize: foo; richness: foo; right: foo; row-gap: foo; shape-rendering: foo; speak-header: foo; speak-numeral: foo; speak-punctuation: foo; speak: foo; speech-rate: foo; stop-color: foo; stop-opacity: foo; stress: 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-skip: foo; text-decoration-style: foo; text-decoration: foo; text-emphasis-color: foo; text-emphasis-position: foo; text-emphasis-style: foo; text-emphasis: 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-box: 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; voice-family: foo; white-space: foo; widows: foo; width: foo; word-break: foo; word-spacing: foo; word-wrap: foo; writing-mode: foo; z-index: foo; z-index: auto; z-index: -1; } madeupdecls { amplitude: foo; barometric-pressure: foo; degrees-celsius: foo; } </style> </head> <body> <!-- Test these declaration's validity inside inline style attributes: --> <b style="-moz-appearance: foo;"></b> <b style="-webkit-appearance: foo;"></b> <b style="-webkit-tap-highlight-color: foo;"></b> <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='appearance: foo'></b> <b style='azimuth: 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-adjust: 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: initial'></b> <b style='cursor: foo'></b> <b style='direction: foo'></b> <b style='display: foo'></b> <b style='dominant-baseline: foo'></b> <b style='elevation: 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: blur(5px)'></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-variation-settings: 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-orientation: foo'></b> <b style='image-rendering: foo'></b> <b style='image-resolution: foo'></b> <b style='inline-size: foo'></b> <b style='isolation: foo'></b> <b style='justify-content: foo'></b> <b style='justify-items: foo'></b> <b style='justify-self: 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='offset-distance: 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='pause: foo'></b> <b style='pause-after: foo'></b> <b style='pause-before: foo'></b> <b style='perspective-origin: foo'></b> <b style='perspective: foo'></b> <b style='pitch: foo'></b> <b style='pitch-range: foo'></b> <b style='place-items: 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='richness: foo'></b> <b style='right: foo'></b> <b style='row-gap: foo'></b> <b style='shape-rendering: foo'></b> <b style='speak-header: foo'></b> <b style='speak-numeral: foo'></b> <b style='speak-punctuation: foo'></b> <b style='speak: foo'></b> <b style='speech-rate: foo'></b> <b style='stop-color: foo'></b> <b style='stop-opacity: foo'></b> <b style='stress: 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-skip: foo'></b> <b style='text-decoration-style: foo'></b> <b style='text-decoration: foo'></b> <b style='text-emphasis-color: foo'></b> <b style='text-emphasis-position: foo'></b> <b style='text-emphasis-style: foo'></b> <b style='text-emphasis: 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-box: 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-property: opacity, transform'></b> <b style='transition-timing-function: foo'></b> <b style='transition: foo'></b> <b style='transition: opacity 4s ease-in-out 1s;'></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='visibility: hidden'></b> <b style='voice-family: 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> <b style='z-index: auto'></b> <b style='z-index: 0'></b> <b style='z-index: +1'></b> <b style='z-index: -10'></b> <b style='z-index: -1000'></b> <!-- Made-up decls --> <b style='amplitude: foo'></b> <b style='barometric-pressure: foo'></b> <b style='degrees-celsius: foo'></b> </body> </html>