3面のCSSボーダー

Question

もし私が3面にボーダーを持たせたいのであれば、各面のボーダーを宣言する必要がありますか？

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;