सीएसएस लघु किनारा विशेषताएँ

CSS बॉर्डर - संक्षिप्त गुण

जैसा कि आपने पिछले चैप्टर में देखा है, घात का हैंडलिंग करते समय कई अट्रिब्यूट को ध्यान में रखना होगा।

कोड को घटाने के लिए, आप एक ही अट्रिब्यूट में सभी एकल घात अट्रिब्यूट को निर्दिष्ट कर सकते हैं।

border इस अट्रिब्यूट ने निम्नलिखित घात अट्रिब्यूट को एकल अट्रिब्यूट के रूप में प्रदान किया है:

  • border-width
  • border-style（अनिवार्य）
  • border-color

इंस्टांस

p {
  border: 5px solid red;
}

परिणामः

कुछ टैक्स्ट

अपने आप से प्रयास करें

आप एक तरफ भी सभी एकल घात अट्रिब्यूट को निर्दिष्ट कर सकते हैं:

बाएं घात

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

परिणामः

कुछ टैक्स्ट

अपने आप से प्रयास करें

लघुघात

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

परिणामः

कुछ टैक्स्ट

अपने आप से प्रयास करें