OLD | NEW |
1 body { | 1 body { |
2 -webkit-font-smoothing: none; | 2 -webkit-font-smoothing: none; |
3 } | 3 } |
4 | 4 |
5 div { | 5 div { |
6 border: 5px double; | 6 border: 5px double; |
7 padding: 5px; | 7 padding: 5px; |
8 diplay: inline; | 8 diplay: inline; |
9 } | 9 } |
10 | 10 |
11 div.auto { | 11 div.auto { |
12 -webkit-text-decoration-style: solid; | 12 text-decoration-style: solid; |
13 -webkit-text-decoration-line: underline; | 13 text-decoration-line: underline; |
14 -webkit-text-underline-position: auto; | 14 text-underline-position: auto; |
15 } | 15 } |
16 | 16 |
17 div.alphabetic { | 17 div.alphabetic { |
18 -webkit-text-decoration-style: solid; | 18 text-decoration-style: solid; |
19 -webkit-text-decoration-line: underline; | 19 text-decoration-line: underline; |
20 -webkit-text-underline-position: alphabetic; | 20 text-underline-position: alphabetic; |
21 } | 21 } |
22 | 22 |
23 div.under { | 23 div.under { |
24 -webkit-text-decoration-style: solid; | 24 text-decoration-style: solid; |
25 -webkit-text-decoration-line: underline; | 25 text-decoration-line: underline; |
26 -webkit-text-underline-position: under; | 26 text-underline-position: under; |
27 } | 27 } |
28 | 28 |
29 span.auto { | 29 span.auto { |
30 -webkit-text-decoration-style: solid; | 30 text-decoration-style: solid; |
31 -webkit-text-decoration-line: underline; | 31 text-decoration-line: underline; |
32 -webkit-text-underline-position: auto; | 32 text-underline-position: auto; |
33 } | 33 } |
34 | 34 |
35 span.alphabetic { | 35 span.alphabetic { |
36 -webkit-text-decoration-style: solid; | 36 text-decoration-style: solid; |
37 -webkit-text-decoration-line: underline; | 37 text-decoration-line: underline; |
38 -webkit-text-underline-position: alphabetic; | 38 text-underline-position: alphabetic; |
39 } | 39 } |
40 | 40 |
41 span.under { | 41 span.under { |
42 -webkit-text-decoration-style: solid; | 42 text-decoration-style: solid; |
43 -webkit-text-decoration-line: underline; | 43 text-decoration-line: underline; |
44 -webkit-text-underline-position: under; | 44 text-underline-position: under; |
45 } | 45 } |
46 | 46 |
47 .box { | 47 .box { |
48 width: 300px; | 48 width: 300px; |
49 height: 100px; | 49 height: 100px; |
50 } | 50 } |
51 | 51 |
52 .position_absolute { | 52 .position_absolute { |
53 position: absolute; | 53 position: absolute; |
54 top: 200px; | 54 top: 200px; |
55 left: 100px; | 55 left: 100px; |
56 } | 56 } |
OLD | NEW |