सीएसएस पृष्ठभूमि संपत्ति
उदाहरण
एक घोषणा में विभिन्न पृष्ठभूमि गुण सेट करें:
body
{
background: lightblue url("img_tree.gif") no-repeat fixed center;
}
परिभाषा और उपयोग
संपत्ति के background
लिए एक आशुलिपि संपत्ति है:
- पृष्ठभूमि का रंग
- पृष्ठभूमि छवि
- पृष्ठभूमि स्थिति
- पृष्ठभूमि-आकार
- पृष्ठभूमि दोहराएँ
- पृष्ठभूमि मूल के
- पृष्ठभूमि-क्लिप
- पृष्ठभूमि संलग्न
इससे कोई फर्क नहीं पड़ता कि ऊपर दिए गए मानों में से कोई एक गायब है, उदाहरण के लिए पृष्ठभूमि:#ff0000 url(smiley.gif); की अनुमति है।
डिफ़ॉल्ट मान: | व्यक्तिगत गुण देखें |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हाँ, व्यक्तिगत गुण देखें । एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS1 + CSS3 में नए गुण |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.background="red url(smiley.gif) टॉप लेफ्ट नो-रिपीट" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
नोट: नीचे प्रत्येक मान के लिए अलग-अलग ब्राउज़र समर्थन देखें।
सीएसएस सिंटेक्स
background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
नोट: यदि शॉर्टहैंड घोषणा में गुणों में से एक बीजी-आकार की संपत्ति है, तो आपको इसे बीजी-स्थिति संपत्ति से अलग करने के लिए / (स्लैश) का उपयोग करना चाहिए, उदाहरण के लिए पृष्ठभूमि: url (smiley.gif) 10px 20px/50px 50px ; एक पृष्ठभूमि छवि में परिणाम होगा, बाईं ओर से 10 पिक्सेल, ऊपर से 20 पिक्सेल, और छवि का आकार 50 पिक्सेल चौड़ा और 50 पिक्सेल ऊँचा होगा।
नोट: यदि एकाधिक पृष्ठभूमि-छवि स्रोतों का उपयोग कर रहे हैं, लेकिन पृष्ठभूमि-रंग भी चाहते हैं, तो पृष्ठभूमि-रंग पैरामीटर सूची में अंतिम होना चाहिए।
सम्पत्ति की कीमत
Value | Description | CSS |
---|---|---|
background-color | Specifies the background color to be used | 1 |
background-image | Specifies ONE or MORE background images to be used | 1 |
background-position | Specifies the position of the background images | 1 |
background-size | Specifies the size of the background images | 3 |
background-repeat | Specifies how to repeat the background images | 1 |
background-origin | Specifies the positioning area of the background images | 3 |
background-clip | Specifies the painting area of the background images | 3 |
background-attachment | Specifies whether the background images are fixed or scrolls with the rest of the page | 1 |
initial | Sets this property to its default value. Read about initial | 3 |
inherit | Inherits this property from its parent element. Read about inherit | 2 |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस पृष्ठभूमि , सीएसएस पृष्ठभूमि (उन्नत)
एचटीएमएल डोम संदर्भ: पृष्ठभूमि संपत्ति