初心者のスタイルシート(CSS)講座:枠線を個別指定

・border-(top,right、bottom、left)
 個別の枠線ごとに一括指定する

border-top:1 2 3
border-right:1 2 3
border-bottom:1 2 3
border-left:1 2 3

【1 2 3のプロパティ】
1・・・・・・border-widthの値、枠線の太さ

2・・・・・・border-styleの値、枠線の種類

3・・・・・・border-colorの値、枠線の色

 ボックス領域の上下左右の枠線(ボーダー)の各種指定を枠線ごとに一括指定します。 これらに対してそれぞれの値を、半角スペースに区切って任意の順番で指定します。 値を省略すると、各プロパティの初期設定の『none』が適用されるので、border-styleの値は必ず指定 してください。