CSS पृष्ठभूमि छोटी व्याख्यान

CSS background - छोटी व्याख्यान

कोड को छोटा करने के लिए, सभी पृष्ठभूमि गुण को एक ही गुण में सेट कर सकते हैं। इसे छोटी व्याख्यान कहा जाता है।

इस तरह लिखें:

body {
  background-color: #ffffff;
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
}

आप छोटी व्याख्यान का उपयोग कर सकते हैं background：

उदाहरण

पृष्ठभूमि गुण को एक ही व्याख्यान में सेट करने के लिए छोटी व्याख्यान का उपयोग करें:

body {
  background: #ffffff url("tree.png") no-repeat right top;
}

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

छोटी व्याख्यान का उपयोग करते समय, मूल्यों की क्रमवारी है:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

एक मूल्य लापत है और नहीं चाहिए, बस इस क्रम में अन्य मूल्यों को सेट करें। कृपया ध्यान दें कि उपरोक्त उदाहरण में हमने background-attachment गुण का उपयोग नहीं किया है क्योंकि इसका कोई मूल्य नहीं है।

सभी CSS पृष्ठभूमि गुण

गुण वर्णन
background सभी पृष्ठभूमि गुणों को एक ही व्याख्यान में सेट करने के लिए छोटी व्याख्यान का उपयोग करें।
background-attachment पृष्ठभूमि चित्र को निर्धारित है या पृष्ठभूमि के अन्य भागों के साथ सरकारी करने के लिए सेट करें।
background-clip पृष्ठभूमि के रंगने के क्षेत्र को निर्धारित करें।
background-color तत्व के पृष्ठभूमि रंग को सेट करें।
background-image तत्व के पृष्ठभूमि चित्र को सेट करें।
background-origin रूपांकन के लिए निर्धारित करें कि पृष्ठभूमि चित्र कहाँ स्थापित किया जाए।
background-position बैकग्राउंड इमेज की शुरूआती स्थिति को सेट करता है।
background-repeat बैकग्राउंड इमेज को रीपीट करने और उसे कैसे रीपीट करने को सेट करता है。
background-size बैकग्राउंड इमेज के आकार को निर्धारित करता है。