2010-01-07 17 views
127

के लिए सीमा कैसे सेट करें मैं HTML में एक div टैग के चारों ओर एक सीमा को परिभाषित करने की कोशिश कर रहा हूं। कुछ ब्राउज़रों में सीमा दिखाई नहीं देती है।एचटीएमएल div टैग

यहाँ मेरी एचटीएमएल कोड है:

<div id="divActivites" name="divActivites" style="border:thin"> 
 
    <textarea id="inActivities" name="inActivities" style="border:solid"> 
 
    </textarea> 
 
</div>

कैसे मैं एक HTML div टैग के लिए एक सीमा निर्धारित करूँ?

उत्तर

235

सभी सीमा संपत्तियों के बारे में स्पष्ट होने का प्रयास करें। उदाहरण के लिए:

border:1px solid black; 

Border shorthand property देखें। हालांकि अन्य बिट्स वैकल्पिक हैं, कुछ ब्राउज़र चौड़ाई या रंग को डिफ़ॉल्ट रूप से सेट नहीं करते हैं, जिसे आप उम्मीद करेंगे। आपके मामले में मैं शर्त लगाता हूं कि यह चौड़ाई है जो निर्दिष्ट होने तक शून्य है।

+1

मुझे "पीएक्स" प्रत्यय को हटाना पड़ा। – samosaris

2

आपको अधिक फ़ील्ड सेट करने की आवश्यकता है, फिर सीमा-चौड़ाई। शैली मूल रूप से पृष्ठ पर सीमा डालती है। चौड़ाई मोटाई को नियंत्रित करती है, और रंग बताता है कि सीमा बनाने के लिए कौन सा रंग है।

border-style: solid; border-width:thin; border-color: #FFFFFF; 
2

मैं इस लगता है जहां पर ओर इशारा करते हैं ..

<div id="divActivites" name="divActivites" style="border:thin"> 
    <textarea id="inActivities" name="inActivities" style="border:solid"> 
    </textarea> 
</div> 

खैर। यह के रूप में border-width:thin

यहाँ आप बाहर link (click here) जांच बॉर्डर-शैलियों के विभिन्न प्रकार

आप भी पिक्सल के संदर्भ में चौड़ाई लिख कर बॉर्डर चौड़ाई निर्धारित कर सकते हैं के साथ जाना .. (border- की तरह लिखा जाना चाहिए चौड़ाई: 1 पीएक्स), न्यूनतम चौड़ाई 1 पीएक्स है।

12

W3C के अनुसार:

के बाद से सीमा शैलियों की प्रारंभिक मूल्य 'कोई नहीं' है, कोई सीमाओं दिखाई, जब तक कि बॉर्डर शैली सेट कर दिया जाता हो जाएगा।

दूसरे शब्दों में, आपको सीमा दिखाने के लिए सीमा शैली (उदा। solid) सेट करने की आवश्यकता है। border:thin केवल चौड़ाई निर्धारित करता है। साथ ही, रंग डिफ़ॉल्ट रूप से टेक्स्ट रंग के समान होगा (जो आमतौर पर अच्छा नहीं दिखता)।

मैं सभी तीन शैलियों की स्थापना की सिफारिश:

style="border: thin solid black" 
22

border-size:2px; 
border-style:solid; 
border-color:black; 

या आशुलिपि के रूप में उपयोग कर सकते हैं

border: 2px solid black 
4

आप उपयोग कर सकते हैं:

border-style: solid; 
border-width: thin; 
border-color: #FFFFFF; 

हालांकि आप फिट बैठते ही इन्हें बदल सकते हैं।

संबंधित मुद्दे