contain-paint-001-ref.html (538B)
1 <!doctype html> 2 <html lang=en> 3 <meta charset=utf-8> 4 <title>CSS-contain test: paint containment use the padding edge</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 6 7 <style> 8 div { 9 width: 100px; 10 height: 100px; 11 background: blue; 12 padding: 50px; 13 border-radius: 100px; 14 overflow: hidden 15 } 16 div::before { 17 content:""; 18 display: block; 19 background: green; 20 width: 100px; 21 height: 100px; 22 } 23 </style> 24 25 <p>Test passes if there is a green square in a rounded blue box, and no red. 26 <div></div>