outline-016.xht (1360B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Outline: inherit with one value</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> 8 <meta name="assert" content="Outline with value inherit uses its parent's outline values (1 value)." /> 9 <style type="text/css"> 10 body 11 { 12 background: white; 13 } 14 #test 15 { 16 outline: red solid 15px; 17 outline: inherit; 18 } 19 #parent 20 { 21 outline: dotted; 22 padding: 50px; 23 border: 2px solid blue; 24 } 25 </style> 26 </head> 27 <body> 28 <p>Test passes if there is a black outline closely surrounding the "Filler Text". That outline needs to be is the same size, style and color as the outline surrounding the blue box and there is no red visible on the page.</p> 29 <div id="parent"> 30 <div id="test">Filler text</div> 31 </div> 32 </body> 33 </html>