box-shadow-042-ref.html (1684B)
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-test101-orange 20 { 21 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 22 height: 12px; 23 width: 36px; 24 } 25 26 div#sub-test102-orange 27 { 28 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 29 height: 24px; 30 width: 18px; 31 } 32 33 div#sub-test111-orange 34 { 35 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 36 height: 24px; 37 width: 36px; 38 } 39 40 div#sub-test112-orange 41 { 42 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 43 height: 12px; 44 width: 30px; 45 } 46 47 div#sub-test121-orange 48 { 49 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 50 height: 6px; 51 width: 36px; 52 } 53 54 div#sub-test122-orange 55 { 56 background-color: rgba(255, 165, 0, 0.5); /* semi-transparent orange */ 57 height: 30px; 58 width: 12px; 59 } 60 </style> 61 62 <h3>With inset and Npx Mpx: 18px 12px</h3> 63 64 <div class="blue"><div id="sub-test101-orange"></div><div id="sub-test102-orange"></div></div> 65 66 <div class="blue"><div id="sub-test111-orange"></div><div id="sub-test112-orange"></div></div> 67 68 <div class="blue"><div id="sub-test121-orange"></div><div id="sub-test122-orange"></div></div>