पृष्ठभूमि-आकार - सीएसएस-ट्रिक्स

background-sizeऔर सबसे जटिल - - पृष्ठभूमि संपत्तियों की सीएसएस में संपत्ति सबसे अधिक उपयोगी से एक है। इस संपत्ति के लिए आपके द्वारा उपयोग की जा सकने वाली कई विविधताएँ और अलग-अलग वाक्यविन्यास हैं, जिनमें से सभी के उपयोग के मामले अलग-अलग हैं। यहाँ एक मूल उदाहरण दिया गया है:

html ( background: url(greatimage.jpg.webp); background-size: 300px 100px; )

यह पृष्ठभूमि के आकार के लिए दो-मूल्य सिंटैक्स का एक उदाहरण है। इस संपत्ति के साथ आप चार अलग-अलग सिंटैक्स का उपयोग कर सकते हैं: कीवर्ड सिंटैक्स, एक-मूल्य सिंटैक्स, दो-मूल्य सिंटैक्स और कई पृष्ठभूमि सिंटैक्स।

कीवर्ड

डिफ़ॉल्ट मान ( auto) के अलावा, दो खोजशब्द हैं जिनका आप उपयोग कर सकते हैं background-size: coverऔरcontain

CodePen पर CSS-Tricks (@ css-tricks) द्वारा पेन बैकग्राउंड-साइज़ देखें।

सम्बंधित

• पृष्ठभूमि संलग्न
• बैकग्राउंड-क्लिप
• पृष्ठभूमि का रंग
• पृष्ठभूमि छवि
• पृष्ठभूमि मूल के
• पृष्ठभूमि स्थिति
• पृष्ठभूमि दोहराएँ

और अधिक संसाधनों

• CSS3 कल्पना
• एमडीएन

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

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
3+	4.1+	3.6+ है	10+	9+	2.3+	4.0+ है