CSS3

プロパティ

border-＊（border-top、border-right、border-bottom、border-left）

→● mdn（border-top、border-right、border-bottom、border-left）

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

これらは、ボックスの［上端、右端、下端、左端］ボーダーの［線幅、線スタイル、線色］を設定するための略式プロパティである。省略された値は、それぞれの初期値に設定される。

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

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

p { border: solid red }

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

テスト