text-align-end-020

text-align: end, textarea dir=auto on control

WeasyPrint

This browser

Assertion
text-align:end aligns inline-level content to the end edge of the line box – ie. when dir=auto on textarea, right when first strong is ltr, left when rtl.

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head>
 3 <meta charset="utf-8">
 4 <title>text-align: end, textarea dir=auto on control</title>
 5 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
 6 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
 7 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. when dir=auto on textarea, right when first strong is ltr, left when rtl." name="assert">
 8 <style type="text/css">
 9 .test { text-align: end; }
10 /* the CSS below is not part of the test */
11 .test { border: 1px solid blue;  margin: 20px; width: 300px;  font-size: 24px; line-height: 1;}
12 </style>
13 </head>
14 <body>
15 <div id="instructions">Test passes if the first word is right-aligned, and the second left-aligned in the box.</div>
16 <div>
17 <textarea class="test" dir="auto">latin
18 و·کمی</textarea>
19 </div>
20 
21 </body></html>