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

Anonim

background-originपूरे तत्व भर में, सीमा के अंदर, या गद्दी के अंदर: संपत्ति पृष्ठभूमि रंग जहां को परिभाषित करता है।

चार मूल्यों के होते हैं: border-box, padding-box, content-boxऔर inherit। यहाँ एक डेमो है:

कोडपेन पर टिमोथी मिलर (@tjacobdesign) द्वारा पेन बैकग्राउंड ओरिजिनल डेमो देखें।

background-origin पृष्ठभूमि-क्लिप के समान है, सिवाय इसके कि यह क्लिपिंग के बजाय पृष्ठभूमि का आकार बदलता है।

ऊपर के उदाहरण है background-size: coverऔर background-repeat: no-repeatयह भी लागू होता है। यदि ऐसा नहीं होता, तो छवि सीमा या गद्दी के नीचे दोहराई जाती।

सम्बंधित

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

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

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

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

क्रोम सफारी फ़ायर्फ़ॉक्स ओपेरा अर्थात एंड्रॉयड आईओएस
1+ 3+ 4+ 10.5+ है 9+ काम करता है काम करता है