Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> .border-box { background-origin: border-box; background-color:green; background-image: url('/images/common/cutecat100x128.png'); border: 45px dotted darkred; padding: 80px; margin: 10px; height: 550px; width: 550px; background-repeat: no-repeat; } </style> <body> <div class="border-box"> Background Origin: Border Box - The background image or color will extend to the outer edge of the border. This means that any background styling will cover the entire element, including the border area. It's useful when you want the background to cover all parts of the element, giving a unified appearance with the border included. </div> </body> </html>
console output