CSS background-origin प्रॉपर्टी का उपयोग बैकग्राउंड इमेजेज की स्थिति निर्दिष्ट करने के लिए किया जाता है।
उदाहरण
background-image प्रॉपर्टी लागू करने के लिए निम्न कोड चलाएं:
<html>
<head>
<style>
#demo {
border: 5px dashed red;
padding: 10px;
background-image: url("https://www.tutorialspoint.com/css/images/css-mini-logo.jpg");
background-origin: content-box;
}
</style>
</head>
<body>
<div id="demo">
<h1>www.tutorialspoint.com</h1>
<p>वेबसाइट www.tutorialspoint.com ट्यूटोरियल्स पॉइंट इंडिया प्राइवेट लिमिटेड के स्वामित्व और रखरखाव में है...</p>
</div>
</body>
</html>
background-origin मान:
padding-box(डिफ़ॉल्ट) - पैडिंग बॉक्स के सापेक्ष स्थितिborder-box- बॉर्डर बॉक्स के सापेक्ष स्थितिcontent-box- कंटेंट बॉक्स के सापेक्ष स्थिति (पैडिंग क्षेत्र शामिल नहीं)
नोट: लेख का शीर्षक "background-image प्रॉपर्टी" कहता है लेकिन कोड background-origin दर्शाता है।
