CSS content-box वैल्यू

CSS background-origin प्रॉपर्टी का उपयोग करके content-box वैल्यू सेट करें। content-box वैल्यू के साथ, बैकग्राउंड इमेज कंटेंट के ऊपरी बाएं कोने से शुरू होती है।

content-box वैल्यू लागू करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          #value1 {             border: 3px solid blue;             padding: 30px;             background: url(https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg);             background-repeat: no-repeat;             background-origin: padding-box;          }          #value2 {             border: 3px solid orange;             padding: 30px;             background: url(https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg);             background-repeat: no-repeat;             background-origin: border-box;          }          #value3 {             border: 3px dashed yellow;             padding: 30px;             background: url(https://www.tutorialspoint.com/assets/videotutorials/courses/html_online_training/380_course_216_image.jpg);             background-repeat: no-repeat;             background-origin: content-box;          }       </style>    </head>    </body> </html>