PageRenderTime 59ms CodeModel.GetById 19ms RepoModel.GetById 1ms app.codeStats 0ms

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

https://gitlab.com/jonnialva90/iridium-browser
HTML | 58 lines | 58 code | 0 blank | 0 comment | 0 complexity | 0dece0288ee4baed444fa4247740535c MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8" />
    5. 

  5.     <title>HTML Test: dir=auto, start with N, then EN, then L</title>
    6. 

  6.     <link rel="match" href="dir_auto-N-EN-L-ref.html" />
    7. 

  7.     <link rel="author" title="Matitiahu Allouche" href="mailto:matitiahu.allouche@google.com" />
    8. 

  8.     <link rel="author" title="Oren Roth" href="mailto:oren.roth@gmail.com" />
    9. 

  9.     <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com" />
    10. 

  10.     <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-dir-attribute" />
    11. 

  11.     <meta name="assert" content="
    12. 

  12.       When dir='auto', the direction is set according to the first strong character
    13. 

  13.       of the text.
    14. 

  14.       In this test, it is the Latin letter A since neutrals and digits are not
    15. 

  15.       strongly directional, thus the direction must be resolved as LTR." />
    16. 

  16.     <style>
    17. 

  17.       input, textarea {
    18. 

  18.         font-size:1em;
    19. 

  19.       }
    20. 

  20.       body {
    21. 

  21.         font-size:2em;
    22. 

  22.       }
    23. 

  23.       .test, .ref {
    24. 

  24.         border: medium solid gray;
    25. 

  25.         width: 400px;
    26. 

  26.         margin: 20px;
    27. 

  27.       }
    28. 

  28.       .comments {
    29. 

  29.         display: none;
    30. 

  30.       }
    31. 

  31.     </style>
    32. 

  32.   </head>
    33. 

  33.   <body>
    34. 

  34.     <div class="instructions" style="display:none"><p>Test passes if the two boxes below look exactly the same.</p></div>
    35. 

  35.     <div class="comments">
    36. 

  36.       Key to entities used below:
    37. 

  37.       &#x05D0; - The Hebrew letter Alef (strongly RTL).
    38. 

  38.       &#x05D1; - The Hebrew letter Bet (strongly RTL).
    39. 

  39.       &#x05D2; - The Hebrew letter Gimel (strongly RTL).
    40. 

  40.     </div>
    41. 

  41.     <div class="test">
    42. 

  42.       <div dir="ltr">
    43. 

  43.         <p dir="ltr">.-=123ABC&#x05D0;&#x05D1;&#x05D2;.</p>
    44. 

  44.       </div>
    45. 

  45.       <div dir="rtl">
    46. 

  46.         <p dir="ltr">.-=123ABC&#x05D0;&#x05D1;&#x05D2;.</p>
    47. 

  47.       </div>
    48. 

  48.     </div>
    49. 

  49.     <div class="ref">
    50. 

  50.       <div dir="ltr">
    51. 

  51.         <p dir="ltr">.-=123ABC&#x05D0;&#x05D1;&#x05D2;.</p>
    52. 

  52.       </div>
    53. 

  53.       <div dir="rtl">
    54. 

  54.         <p dir="ltr">.-=123ABC&#x05D0;&#x05D1;&#x05D2;.</p>
    55. 

  55.       </div>
    56. 

  56.     </div>
    57. 

  57.   </body>
    58. 

  58. </html>
    59. 

  59.