PageRenderTime 57ms CodeModel.GetById 28ms RepoModel.GetById 0ms app.codeStats 0ms

/third_party/WebKit/LayoutTests/imported/web-platform-tests/html/dom/elements/global-attributes/dir_auto-N-EN-L.html

https://gitlab.com/jonnialva90/iridium-browser
HTML | 58 lines | 58 code | 0 blank | 0 comment | 0 complexity | 299af21df1e346223b4408a8717e61fe MD5 | raw file
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>HTML Test: dir=auto, start with N, then EN, then L</title>
  6. <link rel="match" href="dir_auto-N-EN-L-ref.html" />
  7. <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
  8. <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
  9. <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
  10. <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dir-attribute" />
  11. <meta name="assert" content="
  12. When dir='auto', the direction is set according to the first strong character
  13. of the text.
  14. In this test, it is the Latin letter A since neutrals and digits are not
  15. strongly directional, thus the direction must be resolved as LTR." />
  16. <style>
  17. input, textarea {
  18. font-size:1em;
  19. }
  20. body {
  21. font-size:2em;
  22. }
  23. .test, .ref {
  24. border: medium solid gray;
  25. width: 400px;
  26. margin: 20px;
  27. }
  28. .comments {
  29. display: none;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div class="instructions" style="display:none"><p>Test passes if the two boxes below look exactly the same.</p></div>
  35. <div class="comments">
  36. Key to entities used below:
  37. &#x05D0; - The Hebrew letter Alef (strongly RTL).
  38. &#x05D1; - The Hebrew letter Bet (strongly RTL).
  39. &#x05D2; - The Hebrew letter Gimel (strongly RTL).
  40. </div>
  41. <div class="test">
  42. <div dir="ltr">
  43. <p dir="auto">.-=123ABC&#x05D0;&#x05D1;&#x05D2;.</p>
  44. </div>
  45. <div dir="rtl">
  46. <p dir="auto">.-=123ABC&#x05D0;&#x05D1;&#x05D2;.</p>
  47. </div>
  48. </div>
  49. <div class="ref">
  50. <div dir="ltr">
  51. <p dir="ltr">.-=123ABC&#x05D0;&#x05D1;&#x05D2;.</p>
  52. </div>
  53. <div dir="rtl">
  54. <p dir="ltr">.-=123ABC&#x05D0;&#x05D1;&#x05D2;.</p>
  55. </div>
  56. </div>
  57. </body>
  58. </html>