ギャラリーのdiv内の画像のスタイルを定義する正しい方法は何ですか？

Question

私は 'gallery'というIDのdivを持っていて、その内部にイメージのスタイルを設定したいと思います。具体的には、それぞれの画像に1pxの黄色のぼんやりとした境界線を付けたいのですが、それは互いに重なり合っているためです。そのため、境界線を二重にしたくありません。

私が混乱しているのは、border、border-style、border-widthといった異なる境界スタイルの要素の選択方法です。それはかなり厚いです - - と、それ以外にも、私が使用している構文にはない、私は上記のこのCSSで黄色の枠を得ることができたが、境界がより2ピクセルの境界線のように思える

div#gallery img 
{ 
    border-width:1px; 
    border-style:solid; 
    border: solid yellow; 
    border: 1px 1px 0px 1px; 
} 

：私はこれを試してみました非常にエレガントに見える。

これをより簡潔に/エレガントに行う方法に関する推奨事項はありますか？

Answer 1

私はこれが最善の方法だと思う：border宣言はwidth style colorを行くと、すべての4つの境界線に影響するための構文

border: 1px solid yellow; 
border-bottom: none; 

。その後、border-bottomをnoneと宣言することで、境界線を使用しないように下部を上書きすることができます。

Answer 2

それを行うには間違った方法があります場合、私は本当に知りませんが、基本的にそれを行うには3つの方法があります：

方法1

border-top: 1px solid yellow; 
border-right: 1px solid yellow; 
border-left: 1px solid yellow; 

方法2

border: 1px solid yellow; 
border-bottom: 0; 

方法2

border: 1px solid yellow; 
border-bottom: none; 

私は方法2または方法3

のいずれかを好むだろう（私は方法2と方法3を知るには、基本的に同じであるが、私は両方のソリューションを与えたいと思ったので、あなたが好きなものを選択することができ、 "none"または "0"）。