横罫線のサイズや色を指定したい CSS
border-width:★ 太さ
border-style:◆ 種類
border-color:▲ 色
width:● 長さ
margin-right,left:■ 表示位置
★………実数値+単位(thin、midium、thick)
◆………hidden、botted、dashed、solid、double、groove、ridge、inset、outset
▲………色
●………実数値、単位、パーセント値
■………実数値、単位、パーセント値、auto
罫線の種類と色
border-style(罫線の種類)とborder-color(罫線の色)は上下左右を一括指定できます。
罫線の長さ
ボックスの内容領域の幅を指定するwidthプロパティで指定できます。
罫線の表示位置
margin-rightとmargin-leftは、ボックス左右のマージンを個別に指定するプロパティです。
(ただしブラウザにデフォルトで指定されているマージンは残ります)