सीएसएस बैकग्राउंड-साइज़ गुण

वर्णन और उपयोग

background-size गुण के द्वारा पृष्ठभूमि इमेज के आकार को निर्दिष्ट करता है。

और देखें:

सीएसएस शिक्षा:CSS पृष्ठभूमि、सीएसएस बैकग्राउंड (एडवांसेड)

एचटीएमएल डॉम संदर्भ मानचित्र:backgroundSize गुण

उदाहरण

पृष्ठभूमि इमेज के आकार को निर्दिष्ट करें:

डिव
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}

स्वयं का प्रयोग करें

सीएसएस ग्रामरा

background-size: लंबाई|प्रतिशत|कवर|कंटेन;

गुण मूल्य

मूल्य वर्णन परीक्षण
लंबाई

पृष्ठभूमि इमेज के ऊंचाई और चौड़ाई को सेट करें。

पहला मूल्य चौड़ाई सेट करता है, दूसरा मूल्य ऊंचाई सेट करता है。

यदि केवल एक मूल्य सेट किया गया है, तो दूसरा मूल्य "ऑटो" के रूप में सेट किया जाएगा。

 परीक्षण
प्रतिशत

पृष्ठभूमि इमेज के चौड़ाई और ऊंचाई को पिता एलिमेंट के प्रतिशतों में सेट करें。

पहला मूल्य चौड़ाई सेट करता है, दूसरा मूल्य ऊंचाई सेट करता है。

यदि केवल एक मूल्य सेट किया गया है, तो दूसरा मूल्य "ऑटो" के रूप में सेट किया जाएगा。

 परीक्षण
कवर

पृष्ठभूमि इमेज को पर्याप्त विस्तारित करें, ताकि पृष्ठभूमि इमेज का पूरा कवर हो

पृष्ठभूमि इमेज के कुछ हिस्से पृष्ठभूमि स्थानांकन क्षेत्र में दिखाए नहीं जा सकते हैं

 परीक्षण
कंटेन इमेज को बड़े साइज़ के लिए विस्तारित करें, ताकि इसका चौड़ाई और ऊंचाई सार्वज्ञानीय क्षेत्र को पूरी तरह से समायोजित हो परीक्षण

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: ऑटो
विरासत की गुणता: नहीं
संस्करण: सीएसएस3
जेसक्रिप्ट ग्रामरा: ऑब्जेक्ट.style.backgroundSize="60px 80px"

अधिक उदाहरण

पृष्ठभूमि इमेज को विस्तारित करें
पृष्ठभूमि इमेज को विस्तारित करके, सार्वज्ञानीय क्षेत्र को पूरी तरह से कवर करने के लिए
पृष्ठभूमि इमेज को विस्तारित करके, पृष्ठभूमि इमेज को समानांतर चार बार प्रतिलिपित करें
पृष्ठभूमि इमेज को विस्तारित करें, ताकि पृष्ठभूमि इमेज को समानांतर चार बार प्रतिलिपित किया जा सके。

ब्राउज़र समर्थन

तालिका में दिए गए नंबर के द्वारा पूर्णता से इस विशेषता का पहला ब्राउज़र संस्करण निर्दिष्ट किया गया है。

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम आईई / एज फायरफॉक्स सफारी ओपेरा
4.0
1.0 -webkit-		 9.0 4.0
3.6 -moz-		 4.1
3.0 -webkit-		 10.5
10.0 -o-