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