diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 14:29:10 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-28 14:29:10 +0000 |
commit | 2aa4a82499d4becd2284cdb482213d541b8804dd (patch) | |
tree | b80bf8bf13c3766139fbacc530efd0dd9d54394c /layout/reftests/text-overflow/block-padding-ref.html | |
parent | Initial commit. (diff) | |
download | firefox-upstream.tar.xz firefox-upstream.zip |
Adding upstream version 86.0.1.upstream/86.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/text-overflow/block-padding-ref.html')
-rw-r--r-- | layout/reftests/text-overflow/block-padding-ref.html | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/layout/reftests/text-overflow/block-padding-ref.html b/layout/reftests/text-overflow/block-padding-ref.html new file mode 100644 index 0000000000..7e6539e4d8 --- /dev/null +++ b/layout/reftests/text-overflow/block-padding-ref.html @@ -0,0 +1,83 @@ +<!DOCTYPE HTML> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/licenses/publicdomain/ +--> +<!DOCTYPE HTML> +<html><head> +<meta http-equiv="content-type" content="text/html; charset=UTF-8"> +<title>text-overflow: text-overflow block padding </title> +<style type="text/css"> +@font-face { + font-family: DejaVuSansMono; + src: url(../fonts/DejaVuSansMono.woff); +} +html,body { + color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; text-decoration-skip-ink: none; +} +body { width:24ch; overflow:hidden; } + +.test { + overflow: hidden; + white-space: nowrap; + padding-left: 1ch; + padding-right: 3ch; + height: 3em; + margin-bottom:1em; +} +.s { + overflow: auto; position:relative; + text-decoration: line-through; +} +.rel { position:relative; } +span { + text-decoration: underline overline; + background:yellow; +} +.rtl { + direction:rtl; +} +.ltr { + direction:ltr; +} +.rlo span { + unicode-bidi: bidi-override; direction: rtl; +} +.lro span { + unicode-bidi: bidi-override; direction: ltr; +} +.overlay { + position:absolute; + border-color:transparent; + text-decoration: line-through; + z-index:1; +} +y { background:yellow;} +m { background:yellow; position:absolute; right:0; padding-right:3ch; z-index:2;} +mr { background:yellow; position:absolute; left:0;padding-left:1ch; z-index:2;} +</style> +</head><body> + +<!-- LTR / LTR --> +<div class="test ltr overlay"><r> </r></div> +<div class="test ltr"><span>| | | | | | | | | |</span><y>… </y></div> + +<div class="test ltr s"><span>| | | | | | | | | | </span><m>…</m></div> + +<!-- RTL / LTR --> +<div class="test rtl rel"><span><div class="overlay"><r> </r></div>| | | | | | | | | |</span><y style="padding-left:3ch">…</y></div> + +<div class="test rtl s"><mr>…</mr><span>| | | | | | | | | | | | | </span></div> + +<!-- LTR / RTL --> +<div class="test ltr rlo overlay"><r> </r></div> +<div class="test ltr rlo" ><span> | | | | | | | | | </span><y style="padding-right:3ch">…</y></div> + +<div class="test ltr rlo s"><span>| | | | | | | | | | | | | </span><m>…</m></div> + +<!-- RTL / RTL --> +<div class="test rtl rlo rel"><span><div class="overlay"><r> </r></div>| | | | | | | | | |</span><y>… </y></div> + +<div class="test rtl rlo s"><mr>…</mr><span>| | | | | | | | | | | | | </span></div> + +</body></html> |