बॉर्डर की शैली सेट करने के लिए, बॉर्डर-शैली . का उपयोग करें संपत्ति। सीमा-शैली की संपत्ति आपको सीमा की निम्नलिखित शैलियों में से एक का चयन करने की अनुमति देती है:
- कोई नहीं: कोई सीमा नहीं
- ठोस: सीमा एक ठोस रेखा है।
- बिंदीदार: बॉर्डर बिंदुओं की एक श्रृंखला है।
- धराशायी: सीमा छोटी रेखाओं की एक श्रृंखला है।
- दोहरा: सीमा दो ठोस रेखाएँ हैं।
- नाली: बॉर्डर ऐसा लगता है जैसे इसे पृष्ठ में उकेरा गया हो।
- रिज: बॉर्डर खांचे के विपरीत दिखता है।
- इनसेट: बॉर्डर बॉक्स को ऐसा दिखता है जैसे वह पेज में एम्बेड किया गया हो।
- शुरुआत: बॉर्डर बॉक्स को ऐसा दिखता है जैसे वह कैनवास से बाहर आ रहा है।
- छिपा हुआ: तालिका तत्वों के लिए सीमा-संघर्ष समाधान के अलावा कोई भी नहीं।
उदाहरण
आप बॉर्डर की शैली सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:
<html> <head> </head> <body>. <p style = "border-width:4px; border-style:none;"> This is a border with none width. </p> <p style = "border-width:4px; border-style:solid;"> This is a solid border. </p> <p style = "border-width:4px; border-style:dashed;"> This is a dashed border. </p> <p style = "border-width:4px; border-style:double;"> This is a double border. </p> <p style = "border-width:4px; border-style:groove;"> This is a groove border. </p> </body> </html>