| 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 |