/third_party/WebKit/LayoutTests/imported/web-platform-tests/html/dom/elements/global-attributes/dir_auto-N-EN-L-ref.html
HTML | 58 lines | 58 code | 0 blank | 0 comment | 0 complexity | 0dece0288ee4baed444fa4247740535c MD5 | raw file
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>HTML Test: dir=auto, start with N, then EN, then L</title>
- <link rel="match" href="dir_auto-N-EN-L-ref.html" />
- <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
- <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
- <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
- <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dir-attribute" />
- <meta name="assert" content="
- When dir='auto', the direction is set according to the first strong character
- of the text.
- In this test, it is the Latin letter A since neutrals and digits are not
- strongly directional, thus the direction must be resolved as LTR." />
- <style>
- input, textarea {
- font-size:1em;
- }
- body {
- font-size:2em;
- }
- .test, .ref {
- border: medium solid gray;
- width: 400px;
- margin: 20px;
- }
- .comments {
- display: none;
- }
- </style>
- </head>
- <body>
- <div class="instructions" style="display:none"><p>Test passes if the two boxes below look exactly the same.</p></div>
- <div class="comments">
- Key to entities used below:
- א - The Hebrew letter Alef (strongly RTL).
- ב - The Hebrew letter Bet (strongly RTL).
- ג - The Hebrew letter Gimel (strongly RTL).
- </div>
- <div class="test">
- <div dir="ltr">
- <p dir="ltr">.-=123ABCאבג.</p>
- </div>
- <div dir="rtl">
- <p dir="ltr">.-=123ABCאבג.</p>
- </div>
- </div>
- <div class="ref">
- <div dir="ltr">
- <p dir="ltr">.-=123ABCאבג.</p>
- </div>
- <div dir="rtl">
- <p dir="ltr">.-=123ABCאבג.</p>
- </div>
- </div>
- </body>
- </html>