diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/bidi-embed-005.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-writing-modes/bidi-embed-005.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/bidi-embed-005.html b/testing/web-platform/tests/css/css-writing-modes/bidi-embed-005.html new file mode 100644 index 0000000000..a9afc3ba8e --- /dev/null +++ b/testing/web-platform/tests/css/css-writing-modes/bidi-embed-005.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"/> +<title>direction/unicode-bidi: element as directional character with unicode-bidi embed, rtl</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'/> +<link rel="match" href='reference/bidi-embed-005.html'/> +<meta name="assert" content='If unicode-bidi:embed is applied to an inline element, that element will interact with the surrounding text like a strongly directional character.'/> +<style type="text/css"> +.test span { direction: rtl; unicode-bidi: embed; } + + /* 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; } +</style> +</head> +<body> +<p class="instructions" dir="ltr">Test passes if the two boxes are identical.</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"><div dir="rtl">a > <span>א > ב</span> > d</div> + <div dir="rtl">a > <span>b > c</span> > d</div> + </div> + + +<div class="ref"><div dir="rtl">‭d < ב < א < a‬</div> + <div dir="rtl">‭d < b > c < a‬</div> + </div> + + + + + + +</body></html>
\ No newline at end of file |