outline-auto-001-ref.html (1116B)
1 <!DOCTYPE HTML> 2 <title>Testcase for outline:auto</title> 3 <style> 4 html, body { 5 color: black; 6 background-color: white; 7 padding: 10px; 8 margin: 0; 9 } 10 .a, .a2 { 11 outline: auto; 12 width:190px; 13 height: 10px; 14 background: black; 15 } 16 .a2 { 17 width: 194px; 18 height: 14px; 19 margin-left: -2px; 20 margin-top: -2px; 21 } 22 .w { 23 border: solid black; 24 border-width: 5px; 25 margin: 20px; 26 width: 190px; 27 height: 10px; 28 } 29 </style> 30 <div class="w"><div class="a" style="outline-width:10px; outline-offset:5px;"></div></div> 31 <div class="w"><div class="a" style="outline-width:10px; outline-offset:10px;"></div></div> 32 <div class="w"><div class="a2" style="outline-width:10px; outline-offset:-2px;"></div></div> 33 <div class="w"><div class="a" style="outline-width:15px; outline-offset:6px;"></div></div> 34 <div class="w"><div class="a" style="outline-width:11px; outline-offset:5px;"></div></div> 35 <div class="w"><div class="a" style="outline-width:11px; outline-offset:10px;"></div></div> 36 <div class="w"><div class="a2" style="outline-width:11px; outline-offset:-2px;"></div></div>