我可以同時設置邊界左邊界和右邊界邊界嗎？

Question

有時我發現自己處於一種情況，我想爲元素的左側和右側定義border規則。但說實話，border-left: solid 1px #999; border-right: solid 1px #999有點笨拙。它浪費空間，我必須應用更改兩次，它可能會或可能不會降低效率。

有沒有辦法一次性定義水平邊框或垂直邊框？

Answer 1

你可以做一個這樣的：

#myDiv 
{ 
    width: 100px; 
    height: 100px; 
    border: 1px solid #999; 
    border-width: 0 1px; /*horizontal, vertical*/ 
}​​​​​​ 

http://jsfiddle.net/52AEP/

Answer 2

號

從https://developer.mozilla.org/en-US/docs/CSS/border：

雖然邊框寬度，邊框樣式，和邊框顏色屬性和 甚至margin和padding簡寫屬性接受多達四個 值，允許爲不同的邊框設置不同的寬度，樣式或顏色，該屬性只接受每個 屬性的一個值，導致四個邊緣的邊框相同。

所以，你可以切換到使用單獨的邊框寬度，邊框樣式，和邊框顏色的屬性，使用他們的速記屬性來設置每邊的風格 - 但我認爲你最好爲你擁有了它。

也就是說，確保您將樣式定義保存爲CSS類 - 然後可以跨元素重用，而不是在整個頁面上的元素的「樣式」屬性中逐個應用這些屬性。

Answer 3

不幸的是，在CSS中沒有選項...您必須手動編寫所有邊框參數。

Answer 4

<div id="myDiv">Your Div</div> 

CSS：

#myDiv 
{ 
border-width:0 1px 0 1px; 
border-color:#ddd; 
}