box-shadow-041-ref.html (1348B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Reference Test</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 9 <style> 10 div.blue 11 { 12 background-color: rgba(0, 0, 255, 0.5); /* semi-transparent blue */ 13 border: black double 18px; 14 height: 36px; 15 margin-bottom: 36px; 16 width: 36px; 17 } 18 19 div#sub-test7-orange 20 { 21 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 22 height: 36px; 23 width: 18px; 24 } 25 26 div#sub-test81-orange , div#sub-test83-orange 27 { 28 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 29 height: 12px; 30 width: 36px; 31 } 32 33 div#sub-test82-orange 34 { 35 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 36 height: 12px; 37 width: 30px; 38 } 39 40 div#sub-test9-orange 41 { 42 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 43 height: 36px; 44 width: 12px; 45 } 46 </style> 47 48 <h3>With inset and Npx 0px: 18px 0px</h3> 49 50 <div class="blue"><div id="sub-test7-orange"></div></div> 51 52 <div class="blue"><div id="sub-test81-orange"></div><div id="sub-test82-orange"></div><div id="sub-test83-orange"></div></div> 53 54 <div class="blue"><div id="sub-test9-orange"></div></div>