मैं केवल एक तरफ एक सीएसएस सीमा कैसे सेट कर सकता हूं?

Question

किसी दिए गए div के लिए मैं केवल बाएं, दाएं, ऊपर या नीचे की ओर एक सीमा प्रदर्शित करना चाहता हूं।

#testdiv { 
    border: 1px solid; 
} 

क्या मैं आदेश केवल बाईं ओर पर एक बॉर्डर होना करने के लिए क्या करने की जरूरत है:

वर्तमान में मैं निम्नलिखित है, जो सभी पक्षों पर एक सीमा डालता है

?

Answer 1

#testdiv { 
    border-left: 1px solid; 
} 

the MDN documentation on border देखें।

Answer 2

इस

#testdiv{ 
    border-left:1px solid; 

}

Answer 3

div{ 
    border-left:solid red 3px; 
    border-right:solid violet 4px; 
    border-top:solid blue 4px; 
    border-bottom:solid green 4px; 
    background:grey; 
    width:100px; height:50px 
} 

DEMO

Answer 4

आप 4 पक्षों को अलग से सेट करना चाहते हैं की तरह का प्रयास करें का उपयोग करें:

border-width: top right bottom left; 
border-style: solid dotted inset double; 
border-color: #f00 #0f0 #00f #ff0; 

Answer 5

आप सीमा separat निर्दिष्ट कर सकते हैं सभी सीमाओं, उदाहरण के लिए के लिए Ely:

#testdiv{ 
    border-left: 1px solid #000; 
    border-right: 2px solid #FF0; 
} 

तुम भी सीमा के रूप को निर्दिष्ट करें, और शीर्ष, सही, नीचे और बाएँ सीमाओं के लिए अलग शैली का उपयोग कर सकते हैं। उदाहरण के लिए:

#testdiv{ 
    border: 1px #000; 
    border-style: none solid none solid; 
} 

Answer 6

#testDiv{ 
    /* set green border independently on each side */ 
    border-left: solid green 2px; 
    border-right: solid green 2px; 
    border-bottom: solid green 2px; 
    border-top: solid green 2px; 
}