Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .clipped { width: 220px; height: 150px; padding: 10px; background-color: yellowgreen; background-image: url(/pix/byron_bay_300x225.jpg); border: 20px solid rgba(0,0,0,0.3); background-clip: border-box; background-origin: border-box; } </style> <div class="clipped"> Testing the <code>background-origin</code> property! </div> <p>Change the value to see the difference between <code>content-box</code>, <code>padding-box</code>, and <code>border-box</code>.</p>
Preview