layout/reftests/box-properties/CSS21-t100301.xhtml@8bccb770b82d (annotated)
layout/reftests/box-properties/CSS21-t100301.xhtml
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
| michael@0 | 1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| michael@0 | 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <title>CSS 2.1 Test Suite: Inline, non-replaced elements</title> |
| michael@0 | 5 | <link rel="author" title="L. David Baron" href="http://dbaron.org/" /> |
| michael@0 | 6 | <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> |
| michael@0 | 7 | <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#inline-width" /> |
| michael@0 | 8 | <meta name="flags" content="ahem" /> |
| michael@0 | 9 | <style type="text/css"><![CDATA[ |
| michael@0 | 10 | |
| michael@0 | 11 | @font-face { |
| michael@0 | 12 | src: url(../fonts/Ahem.ttf); |
| michael@0 | 13 | font-family: Ahem; |
| michael@0 | 14 | } |
| michael@0 | 15 | |
| michael@0 | 16 | html { background: white; } |
| michael@0 | 17 | |
| michael@0 | 18 | body { |
| michael@0 | 19 | width: 100px; height: 100px; |
| michael@0 | 20 | border: 10px solid lime; background: red; |
| michael@0 | 21 | font: 20px/1 Ahem; |
| michael@0 | 22 | } |
| michael@0 | 23 | |
| michael@0 | 24 | span { background: red; color: green; } |
| michael@0 | 25 | |
| michael@0 | 26 | .X::before, .space::before { background:green; color:transparent; } |
| michael@0 | 27 | .X::before { content:"X"; } |
| michael@0 | 28 | .space::before { content:" "; } |
| michael@0 | 29 | |
| michael@0 | 30 | ]]></style> |
| michael@0 | 31 | </head> |
| michael@0 | 32 | <body> |
| michael@0 | 33 | |
| michael@0 | 34 | <!-- First row --> |
| michael@0 | 35 | <!-- The width property does not apply --> |
| michael@0 | 36 | <!-- check padding-left and border-right too --> |
| michael@0 | 37 | <span style="width: 1px"><span class="X"></span></span |
| michael@0 | 38 | ><span style="width: 200px"><span class="X"></span></span |
| michael@0 | 39 | ><span style="width: 10px; padding-left: 10px;background:green"><span class="X"></span></span |
| michael@0 | 40 | ><span style="border-right: 10px solid green; width: 40px"><span class="X"></span></span> |
| michael@0 | 41 | |
| michael@0 | 42 | <!-- Second row --> |
| michael@0 | 43 | <!-- auto values for margin-left and margin-right are zero --> |
| michael@0 | 44 | <span style="background:green" |
| michael@0 | 45 | ><span style="margin-right: auto"><span class="X"></span></span |
| michael@0 | 46 | ><span style="margin-left: 5px"><span class="X"></span></span |
| michael@0 | 47 | ><span style="margin-left:auto;background:green"><span class="space"></span></span |
| michael@0 | 48 | ><span style="margin-right: 15px"><span class="X"></span></span |
| michael@0 | 49 | ></span> |
| michael@0 | 50 | |
| michael@0 | 51 | <!-- Third row --> |
| michael@0 | 52 | <!-- auto values for left and right are 0, and other values don't |
| michael@0 | 53 | do anything either, unless we have position:relative --> |
| michael@0 | 54 | <span style="left: auto"><span class="X"></span></span |
| michael@0 | 55 | ><span style="left:8px"><span class="X"></span></span |
| michael@0 | 56 | ><span style="right:73px"><span class="X"></span></span |
| michael@0 | 57 | ><span style="right:auto"><span class="X"></span></span |
| michael@0 | 58 | ><span style="background:transparent;color:red"><span class="X"></span><span style="position:relative;right:20px"><span class="X"></span></span></span> |
| michael@0 | 59 | |
| michael@0 | 60 | <!-- Fourth row --> |
| michael@0 | 61 | <!-- toss in some negative and adjacent margins --> |
| michael@0 | 62 | <span style="margin-right: -5px;color:red;background:red"><span class="X"></span></span |
| michael@0 | 63 | ><span style="margin-left: -15px"><span class="X"></span></span |
| michael@0 | 64 | ><span style="background:green" |
| michael@0 | 65 | ><span style="margin-right:25px"><span class="X"></span></span |
| michael@0 | 66 | ><span style="margin-left: 15px"><span class="X"></span></span |
| michael@0 | 67 | ></span> |
| michael@0 | 68 | |
| michael@0 | 69 | <!-- Fifth row --> |
| michael@0 | 70 | <!-- border and padding and margin --> |
| michael@0 | 71 | <span style="margin-left:15px; margin-right:348px" |
| michael@0 | 72 | ><span style="background: green; margin-left:-15px; border-left: 15px solid; padding-left: 25px;padding-right: 8px;border-right:32px solid;"><span class="X"></span></span |
| michael@0 | 73 | ></span> |
| michael@0 | 74 | |
| michael@0 | 75 | </body> |
| michael@0 | 76 | </html> |
