diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-display/display-contents-before-after-002.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-display/display-contents-before-after-002.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-display/display-contents-before-after-002.html b/testing/web-platform/tests/css/css-display/display-contents-before-after-002.html new file mode 100644 index 0000000000..5860a73c3d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/display-contents-before-after-002.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Display: Generated ::before and ::after with display:contents</title> +<link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com"> +<link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-contents"> +<link rel="match" href="display-contents-pass-ref.html"> +<style> + /* Disable kerning because kerning may differ for different node tree. */ + html { font-kerning: none; font-feature-settings: "kern" off; } + div::before { + display: contents; + border: 100px solid red; + content: "P" + } + div::after { + display: contents; + border: 100px solid red; + content: "S" + } +</style> +<p>You should see the word PASS below.</p> +<div>A<span>S</span></div> |