outline-style-012

outline-style - inherit (basic)

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit

Source

 1 <!DOCTYPE html>
 2 <html><head><meta charset="utf-8">
 3 <title>CSS Basic User Interface Test: outline-style - inherit (basic)</title>
 4 <link href="http://www.intel.com/" rel="author" title="Intel">
 5 <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
 6 <link href="http://www.w3.org/TR/css3-ui/#outline-style" rel="help" title="7.3. 'outline-style' property">
 7 <link href="http://www.w3.org/TR/CSS21/box.html#value-def-border-style" rel="help">
 8 <link href="reference/outline-style-012-ref.htm" rel="match">
 9 <meta content="" name="flags">
10 <meta content="Test checks that the sub element outline style is same as parent element outline style when outline-style set inherit" name="assert">
11 <style>
12   #parent {
13     height: 110px;
14     margin: 30px;
15     outline-color: blue;
16     outline-style: dotted;
17     outline-width: 4px;
18     padding: 20px;
19     width: 110px;
20   }
21   #child {
22     height: 110px;
23     outline-color: green;
24     outline-style: inherit;
25     outline-width: 4px;
26     width: 110px;
27   }
28 </style>
29 </head><body>
30   <p>Test passes if there is a blank square with <strong>a green dotted</strong> border centered inside a blue dotted border.</p>
31   <div id="parent">
32     <div id="child"></div>
33   </div>
34 
35 </body></html>