सीएसएस बॉर्डर्स
CSS बॉर्डर गुण आपको किसी तत्व की सीमा की शैली, चौड़ाई और रंग निर्दिष्ट करने की अनुमति देते हैं।
मेरी हर तरफ सरहदें हैं।
मेरे पास एक लाल तल सीमा है।
मेरे पास गोल सीमाएँ हैं।
सीएसएस सीमा शैली
संपत्ति निर्दिष्ट करती है कि किस प्रकार की border-style
सीमा प्रदर्शित करनी है।
निम्नलिखित मूल्यों की अनुमति है:
dotted
- एक बिंदीदार सीमा परिभाषित करता हैdashed
- धराशायी सीमा को परिभाषित करता हैsolid
- एक ठोस सीमा को परिभाषित करता हैdouble
- एक दोहरी सीमा को परिभाषित करता हैgroove
- एक 3D ग्रोव्ड बॉर्डर को परिभाषित करता है। प्रभाव सीमा-रंग मान पर निर्भर करता हैridge
- एक 3D लदी सीमा को परिभाषित करता है। प्रभाव सीमा-रंग मान पर निर्भर करता हैinset
- एक 3D इनसेट बॉर्डर को परिभाषित करता है। प्रभाव सीमा-रंग मान पर निर्भर करता हैoutset
- एक 3D शुरुआत सीमा को परिभाषित करता है। प्रभाव सीमा-रंग मान पर निर्भर करता हैnone
- कोई सीमा परिभाषित नहीं करताhidden
- एक छिपी हुई सीमा को परिभाषित करता है
संपत्ति में border-style
एक से चार मान हो सकते हैं (शीर्ष सीमा, दाहिनी सीमा, निचली सीमा और बाईं सीमा के लिए)।
उदाहरण
विभिन्न सीमा शैलियों का प्रदर्शन:
p.dotted {border-style: dotted;}
p.dashed
{border-style: dashed;}
p.solid {border-style: solid;}
p.double
{border-style: double;}
p.groove {border-style: groove;}
p.ridge
{border-style: ridge;}
p.inset {border-style: inset;}
p.outset
{border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
परिणाम:
A dotted border.
A dashed border.
A solid border.
A double border.
A groove border. The effect depends on the border-color value.
A ridge border. The effect depends on the border-color value.
An inset border. The effect depends on the border-color value.
An outset border. The effect depends on the border-color value.
No border.
A mixed border.
नोट: किसी भी अन्य सीएसएस सीमा गुण (जिसके बारे में आप अगले अध्यायों में अधिक जानेंगे) का कोई प्रभाव नहीं पड़ेगा जब तक कि
border-style
संपत्ति सेट न हो जाए!