2013-01-04 27 views
11

मुझे सीमा-रंग के साथ समस्या है। यह काम नहीं किया। मैं यहाँ सीएसएस के लिए नया हूँ मूर्ख है। http://jsfiddle.net/zeburrehman/aFzKy/151/सीएसएस संपत्ति सीमा-रंग काम नहीं कर रहा

<div id="box"> 
Hello! The color of box border should be red!! 
</div>​ 

#box { 
border-color: red; 
}​ 
+1

आपको सीमा की 'चौड़ाई' और' शैली 'जोड़ने की आवश्यकता है। – Vucko

उत्तर

31

डिफ़ॉल्ट रूप से border-width0 है और border-stylenone

तो आप उन्हें border-width:1px और border-style:solid को निर्धारित करने की आवश्यकता है। आप नीचे के रूप में एक में सभी सीमा गुण गठजोड़ कर सकते हैं: सीमा:

#box { 
    border:1px solid red 
} 
+1

कृपया इसे जांचें .... यहां बेवकूफ अपडेट किया गया है। मैं अलग-अलग शैली और आकार सेट करता हूं लेकिन यह मुझे काला रंग देता है जहां मुझे लाल रंग चाहिए। http://jsfiddle.net/zeburrehman/aFzKy/152/ –

+2

अपनी पहेली से 'सीमा: 1px' हटा दें। यहां अपडेट किया गया - http://jsfiddle.net/aFzKy/153/ – Ashwin

+0

बहुत बहुत धन्यवाद। यह काम किया .... –

2

आप बॉर्डर शैली जोड़ने की जरूरत:

#box { 
    border: 1px solid red; 
} 
2

इस प्रयास करें 5px पूरी तरह से लाल;

+1

कृपया इस लिंक को चेक करें। मैं केवल सीमा-रंग का उपयोग करना चाहता हूं .. http://jsfiddle.net/zeburrehman/aFzKy/152/ –

+0

एक बहुत पुराना सवाल है लेकिन अगर कोई इस समस्या का सामना कर रहा है तो मदद कर सकता है। समाधान है: बोडर-रंग की संपत्ति को अंत में ले जाएं। https://jsfiddle.net/zeburrehman/aFzKy/152/ – Eduardo

0

मुझे कोई समस्या थी जहां ऐसा लगता था कि border-color का सम्मान नहीं किया जा रहा था, भ्रमित रूप से यह क्रोम (शायद क्रोम बग) में शैली निरीक्षक में सही रंग भी दिखा रहा था।

border-left: 1px; 

असल में दोनों border-left-style और border-left-color गुण अधिलेखित कर देता है: मेरे लिए मुख्य बात यह है कि यदि आशुलिपि बॉर्डर शैली निर्दिष्ट किया जाता है, यह बॉर्डर शैली के सभी तीन पहलुओं सेट है, अगर वे शामिल किए गए हैं या नहीं तो था भले ही वे शामिल नहीं थे। यह उदाहरण के लिए विरासत शैली को ओवरराइड किया जा सकता है और काम नहीं कर सकता है।