textarea-padding-bend-overlaps-content-001-ref.html (767B)
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 block-size: 8em; 11 inline-size: 10em; 12 13 padding-block-end: 0; 14 } 15 .rtl { direction: rtl; } 16 .vlr { writing-mode: vertical-lr; } 17 .vrl { writing-mode: vertical-rl; } 18 .slr { writing-mode: sideways-lr; } 19 .srl { writing-mode: sideways-rl; } 20 </style> 21 <textarea>X</textarea> 22 <textarea class="rtl">X</textarea> 23 <br> 24 <textarea class="vlr">X</textarea> 25 <textarea class="vrl">X</textarea> 26 <textarea class="slr">X</textarea> 27 <textarea class="srl">X</textarea> 28 <br> 29 <textarea class="vlr rtl">X</textarea> 30 <textarea class="vrl rtl">X</textarea> 31 <textarea class="slr rtl">X</textarea> 32 <textarea class="srl rtl">X</textarea>