diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/bidi-table-001.html')
-rw-r--r-- | testing/web-platform/tests/css/css-writing-modes/bidi-table-001.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/bidi-table-001.html b/testing/web-platform/tests/css/css-writing-modes/bidi-table-001.html new file mode 100644 index 0000000000..860a4b3212 --- /dev/null +++ b/testing/web-platform/tests/css/css-writing-modes/bidi-table-001.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta charset="utf-8"/> +<title>direction: table columns</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-table-001.html"/> +<meta name="assert" content='If direction is applied to the ancestor of a table element, columns will be displayed in that direction.'/> +<style type="text/css"> +.test { direction: rtl; } + + /* 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 you see two lines reading c b a.</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. + +The punctuation is moved around in the source to make it easier to do visual comparisons when the test is run. +--> + + +<div class="test"> +<table><tbody> +<tr><td>a</td><td>b</td><td>c</td></tr> +<tr><td>a</td><td>b</td><td>c</td></tr> +</tbody></table> +</div> + + + + +</body></html> |