overflow-clip-margin-visual-box.html (963B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>Verifies overflow-clip-margin supports visual-box</title> 4 <link rel="help" href="https://www.w3.org/TR/css-overflow-3/#propdef-overflow-clip-margin"> 5 <link rel="author" title="Khushal Sagar" href="mailto:khushalsagar@chromium.org"> 6 <link rel="match" href="overflow-clip-margin-visual-box-ref.html"> 7 <style> 8 .container { 9 width: 100px; 10 height: 100px; 11 overflow: clip; 12 padding: 10px; 13 border: 10px solid black; 14 margin: 10px; 15 background: grey; 16 } 17 18 .inner { 19 width: 150px; 20 height: 150px; 21 position: relative; 22 top: -25px; 23 left: -25px; 24 background: blue; 25 } 26 </style> 27 <div class="container" style="overflow-clip-margin: border-box"> 28 <div class="inner"></div> 29 </div> 30 <div class="container" style="overflow-clip-margin: padding-box;"> 31 <div class="inner"></div> 32 </div> 33 <div class="container" style="overflow-clip-margin: content-box;"> 34 <div class="inner"></div> 35 </div>