横罫線のサイズや色を指定したい 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は、ボックス左右のマージンを個別に指定するプロパティです。

(ただしブラウザにデフォルトで指定されているマージンは残ります)

HTMLでの設定はこちら

                
inserted by FC2 system