diff options
Diffstat (limited to 'layout/reftests/text-overflow/two-value-syntax.html')
-rw-r--r-- | layout/reftests/text-overflow/two-value-syntax.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/layout/reftests/text-overflow/two-value-syntax.html b/layout/reftests/text-overflow/two-value-syntax.html new file mode 100644 index 000000000..9360c08fc --- /dev/null +++ b/layout/reftests/text-overflow/two-value-syntax.html @@ -0,0 +1,75 @@ +<!DOCTYPE HTML> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/licenses/publicdomain/ + + Test: text-overflow:<left> <right> +--> +<html><head> +<title>text-overflow: text-overflow:<left> <right></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; +} + +.test { + overflow:hidden; + width:100%; + white-space:nowrap; +} +span { + margin: 0 -2px; +} +.rlo { + unicode-bidi: bidi-override; direction:rtl; +} +.lro { + unicode-bidi: bidi-override; +} +.rtl { + direction:rtl; +} +.ltr { + direction:ltr; +} + +.t1 { text-overflow:ellipsis ellipsis; } +.t2 { text-overflow:ellipsis clip; } +.t3 { text-overflow:clip ellipsis; } +.t4 { text-overflow:clip "."; } +.t5 { text-overflow:"." clip; } +.t6 { text-overflow:"." ","; } +.t7 { text-overflow:ellipsis ","; } +.t8 { text-overflow:"." ellipsis; } + +</style> + +</head><body> + +<div style="float:left;"> +||||| +<div class="test t1"><span>||||||</span></div> +<div class="test rtl t1"><span>||||||</span></div> +<div class="test t2"><span>||||||</span></div> +<div class="test rtl t2"><span>||||||</span></div> +<div class="test t3"><span>||||||</span></div> +<div class="test rtl t3"><span>||||||</span></div> +<div class="test t4"><span>||||||</span></div> +<div class="test rtl t4"><span>||||||</span></div> +<div class="test t5"><span>||||||</span></div> +<div class="test rtl t5"><span>||||||</span></div> +<div class="test t6"><span>||||||</span></div> +<div class="test rtl t6"><span>||||||</span></div> +<div class="test t7"><span>||||||</span></div> +<div class="test rtl t7"><span>||||||</span></div> +<div class="test t8"><span>||||||</span></div> +<div class="test rtl t8"><span>||||||</span></div> +</div> + + +</body> +</html> |