OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 body { | |
4 -webkit-writing-mode: vertical-rl; | |
5 } | |
6 | |
7 .rule { | |
8 border-top-color: gray; | |
9 border-top-width: 12px; | |
10 width: 200px; | |
11 height: 0; | |
12 margin: 4px 0; | |
13 display: inline-block; | |
14 } | |
15 | |
16 .rule > div { | |
mstensho (USE GERRIT)
2014/11/04 21:55:49
This selector (and the inner DIVs) not needed.
andersr
2014/11/05 15:16:34
No ... of course not.
Done.
| |
17 width: 400px; | |
18 } | |
19 </style> | |
20 | |
21 <div class="rule" style="border-top-style: solid;"><div></div></div> | |
22 <div class="rule" style="border-top-style: dotted;"><div></div></div> | |
23 <div class="rule" style="border-top-style: dashed;"><div></div></div> | |
24 <div class="rule" style="border-top-style: groove;"><div></div></div> | |
25 <div class="rule" style="border-top-style: ridge;"><div></div></div> | |
26 <div class="rule" style="border-top-style: inset;"><div></div></div> | |
27 <div class="rule" style="border-top-style: outset;"><div></div></div> | |
28 <div class="rule" style="border-top-style: double;"><div></div></div> | |
OLD | NEW |