समान बॉर्डर-बायां और सीएसएस में बॉर्डर-दायां ऊंचाई

Question

मैं बॉर्डर-बायां बॉर्डर-दायां रूप में एक ही ऊंचाई कैसे बना सकते हैं? दूसरे शब्दों में, सीमाओं के क्रम को कैसे बदला जाए? सीमा-बाएं सीमा-दाएं से लंबा है। जिसके परिणामस्वरूप 1 पीएक्स "अंतराल" होता है।

.tab-header > ul > li 
{ 
display: inline-block; 
background-color: #ffffff; 
border-bottom: 1px solid #ffffff; 
border-left: 1px solid #cecece; 
border-right: 1px solid #cecece; 
border-top: 1px solid #cecece; 
padding: 8px; 
font-size: 10px; 
text-transform: uppercase; 
} 

Answer 1

क्या हो रहा है, यह है कि सीएसएस सीमा में एक अच्छा विकर्ण रंग परिवर्तन करने की कोशिश करता है। यदि आप सभी 1px से 10px बदलते हैं, तो आप समस्या देखते हैं। (छवि, देखें: http://jsfiddle.net/DaTCy/1/)

आप सीमाओं, नीचे और दाएं बॉर्डर हमेशा निचले दाएं पिक्सेल में ओवरलैप होगा की 1px चौड़ाई उपयोग कर रहे हैं।

---

संपादित करें: एक समाधान के रूप में, आप नीचे सीमा 0px की चौड़ाई दे रही है, और कंटेनर आप में बटन लगाना में ऊंचाई समस्या को हल करने

Answer 2

उपयोग border-left/-top/-right और border-bottomअलग के लिए कोशिश कर सकते हैं। [नेस्टेड] तत्व।

border-bottom-width: 0; 

JS Fiddle demo:

Answer 3

सरल समाधान के स्पष्ट रूप से उपयोग करने के लिए है।