diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/bidi-override-006.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-writing-modes/bidi-override-006.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/bidi-override-006.html b/testing/web-platform/tests/css/css-writing-modes/bidi-override-006.html new file mode 100644 index 0000000000..77d4aad9df --- /dev/null +++ b/testing/web-platform/tests/css/css-writing-modes/bidi-override-006.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"/> +<title>direction/unicode-bidi: element as directional character with bidi-override, ltr</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-override-006.html'/> +<meta name="assert" content='If unicode-bidi:bidi-override 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: ltr; unicode-bidi: bidi-override; } + + /* 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="ltr">א > <span>b > c</span> > ד</div> + <div dir="ltr"> א > <span>ב > ג</span> > ד</div> + </div> + + +<div class="ref"><div dir="ltr">‭א > b > c > ד‬</div> + <div dir="ltr">‭א > ב > ג > ד‬</div> + </div> + + + + + + +</body></html>
\ No newline at end of file |