संयोजन बॉर्डर-शीर्ष, बॉर्डर-दायां, बॉर्डर-बायां, सीएसएस में सीमा-नीचे

Question

वहाँ एक सुपर आशुलिपि शैली की तरह सीएसएस में बॉर्डर-शीर्ष, बॉर्डर-दायां, बॉर्डर-बायां, सीमा-नीचे के संयोजन का एक तरीका है।

जैसे:

border: (1px solid #ff0) (2px dashed #f0F) (3px dotted #F00) (5px solid #09f); 

Answer 1

नहीं, आप उन सब को एक भी बयान में निर्धारित नहीं कर सकते।

border-color: red green white blue; 
border-style: solid dashed dotted solid; 
border-width: 1px 2px 3px 4px; 

हालांकि, कि काफी गंदा होगा:
सामान्य मामले में, आप कम से कम तीन गुण की जरूरत है। यह चार से अधिक पठनीय और पोषणीय होगा:

border-top: 1px solid #ff0; 
border-right: 2px dashed #f0F; 
border-bottom: 3px dotted #f00; 
border-left: 5px solid #09f; 

Answer 2

या सभी सीमाओं अगर है एक ही शैली, बस:

border:10px; 

Answer 3

नहीं आप उन्हें एक एक उदाहरण के लिए निर्धारित नहीं कर सकते अगर आप div {है बॉर्डर-शीर्ष: 2px पूरी तरह से लाल; सीमा-दाएं: 2 पीएक्स ठोस लाल; सीमा-तल: 2 पीएक्स ठोस लाल; सीमा-बाएं: 2 पीएक्स ठोस लाल; } सभी चौकों के लिए एक ही गुण तो आप उन्हें एक पंक्ति में सेट कर सकते हैं

div{border:2px solid red;} 

Answer 4

आपका मामला एक चरम एक है, लेकिन यहाँ है कि शैली 4 से कम चाहने का एक और अधिक आम परिदृश्य फिट बैठता है दूसरों के लिए एक समाधान है बिल्कुल वही सीमाएं।

border: 1px dashed red; border-width: 1px 1px 0 1px; 

कि है में थोड़ा छोटा है, और शायद तुलना में आसान

border-top: 1px dashed red; border-right: 1px dashed red; border-left: 1px dashed red; 

या

border-color: red; border-style: dashed; border-width: 1px 1px 0 1px;