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>