स्टाइल backgroundSize गुण

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

backgroundSize गुण सेट करना या बैकग्राउण्ड इमेज के आकार को रिटर्न करना

अन्य संदर्भ:

HTML शैली:background गुण

CSS शिक्षा:CSS बैकग्राउंड

CSS3 शिक्षा:CSS3 बैकग्राउण्ड

CSS संदर्भ दस्तावेज़:background-size गुण

उदाहरण

बैकग्राउण्ड इमेज के आकार को निर्धारित करें:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

स्वयं प्रयोग कीजिए

व्याकरण

backgroundSize गुण रिटर्न करें:

ऑब्जेक्ट.style.backgroundSize

backgroundSize गुण सेट करें:

ऑब्जेक्ट.style.backgroundSize = "ऑटो|लंबाई|कवर|कॉन्टेन|इनइचुअल|इनहेरिट"

गुण मान

मान वर्णन
ऑटो डिफ़ॉल्ट वैल्यू। बैकग्राउण्ड इमेज अपनी चौड़ाई और ऊंचाई को शामिल करता है。
लंबाई

बैकग्राउण्ड इमेज की चौड़ाई और ऊंचाई सेट करें。

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

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

पैरेंट एलिमेंट के प्रतिशतों में बैकग्राउण्ड इमेज की चौड़ाई और ऊंचाई सेट करें。

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

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

बैकग्राउण्ड इमेज को जितना हो सके बड़ा करें, ताकि बैकग्राउण्ड क्षेत्र पूरी तरह से बैकग्राउण्ड इमेज से कवर किया जाए।

बैकग्राउण्ड इमेज के कुछ हिस्से बैकग्राउण्ड लोकेशन क्षेत्र में नहीं हो सकते हैं。
कॉन्टेन इमेज को बड़े साईज़ तक फैलाएं, ताकि इसका चौड़ाई और ऊंचाई अनुच्छेद क्षेत्र के अनुरूप हो।
इनइचुअल इस गुण को उसके डिफ़ॉल्ट वैल्यू पर सेट करें। देखें इनइचुअल。
इनहेरिट इस गुण को उसके पैरेंट एलिमेंट से इनहेरिट करें। देखें इनहेरिट。

तकनीकी विवरण

डिफ़ॉल्ट वैल्यू: ऑटो
रिटर्न वैल्यू: इनपुट स्ट्रिंग, जो एलिमेंट के background-size गुण。
CSS संस्करण: CSS3

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

backgroundSize यह CSS3 (1999) विशेषता है।

सभी ब्राउज़र इसे पूरी तरह से समर्थन करते हैं:

च्रोम एज फायरफॉक्स सैफारी ओपेरा IE
च्रोम एज फायरफॉक्स सैफारी ओपेरा IE
समर्थन समर्थन समर्थन समर्थन समर्थन 11