सीएसएस बॉर्डर
- पिछला पृष्ठ सीएसएस बैकग्राउंड शॉर्टकट प्रॉपर्टी
- अगला पृष्ठ सीएसएस बॉर्डर विस्तार
CSS किनारा गुण
CSS border गुण आपको एलिमेंट किनारा की शैली, चौड़ाई और रंग सेट करने की अनुमति देता है。
मेरे सभी किनारे किनारा हैं。
मेरा नीचे किनारा लाल है。
मेरा किनारा गोल आकार का है。
मेरा बाईं किनारा नीला है。
CSS किनारा शैली
border-style गुण किनारा शैली जो प्रदर्शित करना है, निर्दिष्ट करता है。
अनुमति दिए गए मान हैं:
dotted- बिंदु किनारा वर्णनdashed- रेखांकित किनारा वर्णनsolid- ठोस किनारा वर्णनdouble- दोहरा किनारा वर्णनgroove- 3D groove किनारा वर्णन। प्रभाव border-color मान पर निर्भर करता हैridge- 3D ridge किनारा वर्णन। प्रभाव border-color मान पर निर्भर करता हैinset- 3D inset किनारा वर्णन। प्रभाव border-color मान पर निर्भर करता हैoutset- 3D outset किनारा वर्णन। प्रभाव border-color मान पर निर्भर करता है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;}
परिणाम:
डॉट बॉर्डर
डॉट बॉर्डर
सिलेंडर बॉर्डर
डबल बॉर्डर
कोणा बॉर्डर।इसका प्रभाव border-color के मूल्य पर निर्भर करता है。
मोडल बॉर्डर।इसका प्रभाव border-color के मूल्य पर निर्भर करता है。
3D inset बॉर्डर।इसका प्रभाव border-color के मूल्य पर निर्भर करता है。
3D outset बॉर्डर।इसका प्रभाव border-color के मूल्य पर निर्भर करता है。
बिना बॉर्डर
मिक्सेड बॉर्डर
ध्यान:जब तक कि border-style अटरिब्यूट, अन्य CSS बॉर्डर एट्रिब्यूट (जिसे अगले चैप्टर में विस्तार से बताया जाएगा) को कोई भी असर नहीं होगा!
- पिछला पृष्ठ सीएसएस बैकग्राउंड शॉर्टकट प्रॉपर्टी
- अगला पृष्ठ सीएसएस बॉर्डर विस्तार
