diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/block-plaintext-005.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-writing-modes/block-plaintext-005.html | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/block-plaintext-005.html b/testing/web-platform/tests/css/css-writing-modes/block-plaintext-005.html new file mode 100644 index 0000000000..3bd4d17add --- /dev/null +++ b/testing/web-platform/tests/css/css-writing-modes/block-plaintext-005.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"/> +<title>unicode-bidi: textarea plaintext</title> + +<link rel="author" title="Richard Ishida" href='mailto:ishida@w3.org'/> +<link rel="help" href='http://www.w3.org/TR/css-writing-modes-3/#text-direction'/> +<meta name="assert" content='If unicode-bidi:plaintext is applied to a textarea element, each line of characters after a linebreak is displayed according to the first strong character after the linebreak.'/> +<style type="text/css"> +.test textarea { unicode-bidi: plaintext; } + + /* the following styles are not part of the test */ +.test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; width: 10em; padding: 5px; clear: both; } +input { margin: 5px; } +@font-face { + font-family: 'ezra_silregular'; + src: url('/fonts/sileot-webfont.woff') format('woff'); + font-weight: normal; + font-style: normal; + } +.test, .ref { font-family: ezra_silregular, serif; } +textarea { font-family: ezra_silregular, serif; height:5em; width: 100%; border: 0; font-size: 1em; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes display the same glyphs in the same order, with the same line breaks.</p> + + +<!--Notes: +Key to entities used below: + א ... ו - The first six Hebrew letters (strongly RTL). + ‭ - The LRO (left-to-right-override) formatting character. + ‬ - The PDF (pop directional formatting) formatting character; closes LRO. +--> + + +<div class="test"> +<textarea> +> a > ב > c > +> א > b > ג > +> a > ב > c > +</textarea> +</div> + +<div class="ref"> +<div dir="ltr">‭> a > ב > c >‬</div> +<div dir="rtl">‭< ג < b < א <‬</div> +<div dir="ltr">‭> a > ב > c >‬</div> +<div> </div> +</div> + + + + + +</body></html>
\ No newline at end of file |