textarea-padding-istart-moves-content-001-ref.html (786B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Reference Case</title> 4 5 <link rel="stylesheet" href="/fonts/ahem.css"> 6 <style> 7 textarea { 8 font: 10px/1 Ahem; 9 10 inline-size: 8em; 11 block-size: 10em; 12 13 padding-inline-start: 0; 14 padding-inline-end: 0; 15 } 16 .rtl { direction: rtl; } 17 .vlr { writing-mode: vertical-lr; } 18 .vrl { writing-mode: vertical-rl; } 19 .slr { writing-mode: sideways-lr; } 20 .srl { writing-mode: sideways-rl; } 21 </style> 22 23 <textarea></textarea> 24 <textarea class="rtl"></textarea> 25 <br> 26 <textarea class="vlr"></textarea> 27 <textarea class="vrl"></textarea> 28 <textarea class="slr"></textarea> 29 <textarea class="srl"></textarea> 30 <br> 31 <textarea class="vlr rtl"></textarea> 32 <textarea class="vrl rtl"></textarea> 33 <textarea class="slr rtl"></textarea> 34 <textarea class="srl rtl"></textarea>