text-shadow-sideways-001.html (874B)
1 <!DOCTYPE html> 2 <title>Sideways Inline Layout: Text Decoration</title> 3 <meta charset=utf-8> 4 <link rel="help" href="https://www.w3.org/TR/css-writing-modes-4/#block-flow"> 5 <link rel="help" href="https://www.w3.org/TR/CSS2/text.html#lining-striking-props"> 6 <link rel="help" href="https://www.w3.org/TR/css-text-decor-3/#text-shadow-property"> 7 8 <link rel="match" href="text-shadow-sideways-001-ref.html"> 9 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css"> 11 <style> 12 body > div { 13 /* styling */ 14 border: solid gray; 15 font: 30px/1 Ahem; 16 color: silver; 17 float: left; 18 margin: 8px; 19 20 /* test */ 21 text-decoration: underline; 22 text-decoration-color: orange; 23 text-decoration-thickness: 4px; 24 text-shadow: 2px 4px aqua; 25 } 26 .lr { 27 writing-mode: sideways-lr; 28 } 29 .rl { 30 writing-mode: sideways-rl; 31 } 32 </style> 33 34 <div class=lr>Ap Éx</div> 35 36 <div class=rl>Ap Éx</div>