सीएसएस सीमा तीन तरफ

Question

यदि मैं तीन तरफ सीमा पार करना चाहता हूं, तो मुझे प्रत्येक पक्ष के लिए सीमा घोषित करने की आवश्यकता है।

border-left:1px solid green; 
border-bottom:1px solid green; 
border-right:1px solid green; 

या कोई शॉर्टकट तरीका है?

Answer 1

border: 1px solid green; 
border-top: 0; 

Answer 2

ठीक है, वहाँ एक थोड़ा कम तरीका है - लेकिन यह क्या आप कोई शॉर्टकट फोन होता नहीं है ...

border: 1px solid green; 
border-top: 0; 

या आप आंशिक तत्व है जो स्पष्टता के लिए अनुमति होगी की घोषणा कर सकता है:

border-color: green; 
border-style: solid; 
border-width: 0 1px 1px 1px; 

Answer 3

border:1px solid green; 
border-top: none; 

नोट: मैं इसे व्यक्तिगत रूप से नहीं करूँगा; यह उन लोगों को भ्रमित कर सकता है जो इसे पढ़ रहे हैं, और वास्तव में कोई ज़रूरत नहीं है। हालांकि मूल तरीके में पुनरावृत्ति शामिल है, यह न्यूनतम है।

Answer 4

इस में थोड़ा छोटा है और करता ही:

border:1px solid green; 
border-top:0; 

Answer 5

आप बॉर्डर-शीर्ष style घोषित करने और फिर इसे ओवरराइड करने के लिए की जरूरत नहीं है:

border: 1px green; 
border-style: none solid solid;