सीएसएस बॉर्डर ओल्डर
- पिछला पृष्ठ सीएसएस बॉर्डर रंग
- अगला पृष्ठ सीएसएस बॉर्डर शॉर्ट हार्ड
CSS किनारा - अलग-अलग किनारा
पिछले अध्याय के उदाहरणों से, आपने देखा होगा कि प्रत्येक ओर के लिए अलग-अलग किनारा निर्दिष्ट किया जा सकता है।
CSS में, कुछ अन्य गुण हैं जो प्रत्येक किनारे (ऊपर, दायाँ, नीचे और बाईं) को निर्दिष्ट करने के लिए उपयोगी हैं:
इंस्टांस
p {
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
}
परिणाम:
अलग-अलग किनारा शैली
अलग-अलग किनारा शैली
ऊपरी उदाहरण का परिणाम इसी के समान है:
इंस्टांस
p {
border-style: dotted solid;
}
इसका कामकाज इस तरह का है:
यदि border-style गुण सेटिंग चार मूल्य:
border-style: dotted solid double dashed;
- ऊपर किनारा बालिका रेखा का है
- दायाँ ओर किनारा ठोस रेखा का है
- नीचे किनारा दो रेखाओं का है
- बाईं ओर किनारा बालिका रेखा का है
यदि border-style गुण सेटिंग तीन मूल्य:
border-style: dotted solid double;
- ऊपर किनारा बालिका रेखा का है
- दायाँ और बाएँ किनारा ठोस लाइन है
- नीचे किनारा दो रेखाओं का है
यदि border-style एट्रिब्यूट को दो मान निर्धारित करें
border-style: dotted solid;
- ऊपर और नीचे किनारा डॉटेड लाइन है
- दायाँ और बाएँ किनारा ठोस लाइन है
यदि border-style एट्रिब्यूट को एक मान निर्धारित करें
border-style: dotted;
- चार ओर किनारा डॉटेड लाइन है
इंस्टांस
/* चार मान */
p {
border-style: dotted solid double dashed;
}
/* तीन मान */
p {
border-style: dotted solid double;
}
/* दो मान */
p {
border-style: dotted solid;
}
/* एक मान */
p {
border-style: dotted;
}
इस उदाहरण में इस्तेमाल किया गया है border-style एट्रिब्यूट।लेकिन border-width और border-color इससे भी लागू होता है।
- पिछला पृष्ठ सीएसएस बॉर्डर रंग
- अगला पृष्ठ सीएसएस बॉर्डर शॉर्ट हार्ड
