Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> .padding-box { background-origin: padding-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="padding-box"> Background Origin: Padding Box - The background image or color will start from the outer edge of the padding. This excludes the border, meaning the background will not be visible in the border area. This setting is often used to ensure that the background does not interfere with the border, keeping the padding area visually distinct and styled separately from the border. </div> </body> </html>
console output