CSS3

プロパティ

border

→● mdn

ボーダー（枠線）： 略式プロパティ。

border プロパティは、ボックスのボーダーの 4 辺すべてを同じ［線幅、線スタイル、線色］に設定するための略式プロパティである。
ボーダーの 4 辺それぞれに異なる値を設定する場合は、他の border-＊（border-top-＊、border-right-＊、border-bottom-＊、border-left-＊）プロパティを利用する必要がある。

border 略式プロパティは、border-image も その初期値に設定し直す。したがって、作者には、【他は同じ優先度の】より前に現れているボーダー設定群を上書きする際に、他の略式プロパティや個々のプロパティでなく、この略式プロパティを利用することが推奨される。これにより、新たなスタイルが反映されるように border-image も設定し直される。

開始<SPAN style="
 border:10px dotted #0f0;
">テスト</SPAN>終了

開始<DIV style="
 border:10px dotted #0f0;
 width:100px;
">テスト</DIV>終了

p { border: solid red }

p {
  border-top: solid red;
  border-right: solid red;
  border-bottom: solid red;
  border-left: solid red;
  border-image: none;
}

テスト