| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/DTD/xhtml1-strict.dtd"> |
| 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 3 <head> |
| 4 <title>CSS Test: Position set to 'inherit'</title> |
| 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> |
| 6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtal
bot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-09-19 --> |
| 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-p
osition" /> |
| 8 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-po
sition" /> |
| 9 <meta name="flags" content="" /> |
| 10 <meta name="assert" content="The 'position' property applies the value '
inherit' and inherits the 'position' value from its parent element." /> |
| 11 <style type="text/css"> |
| 12 #wrapper |
| 13 { |
| 14 background: red; |
| 15 border: 3px solid orange; |
| 16 position: absolute; |
| 17 } |
| 18 #div1 |
| 19 { |
| 20 background: blue; |
| 21 color: white; |
| 22 left: 1in; |
| 23 position: inherit; |
| 24 top: 1in; |
| 25 } |
| 26 </style> |
| 27 </head> |
| 28 <body> |
| 29 <p>Test passes if there is no red, if the blue rectangle is just as wide
as its longest word and just as tall as its text and if the blue rectangle is c
ompletely shifted below the tiny orange square.</p> |
| 30 <div id="wrapper"> |
| 31 <div id="div1">Text sample</div> |
| 32 </div> |
| 33 </body> |
| 34 </html> |
| OLD | NEW |