初級HTML,CSS作成講座

~初級HTML,CSS作成講座~

border-style: 種類;

丸い点線です。(dotted)

種類　none 何も無し(デフォルト)
　　　hidden ボーダー非表示(他と重なった場合、こちらが優先されます)
　　　solid 実線
　　　dashed 破線
　　　dotted 点線
　　　double 二重線
　　　groove ボーダーが凹んでいるように見える
　　　ridge ボーダーが隆起しているように見える
　　　inset 囲まれた範囲が凹んでいるように見える
　　　outset 囲まれた範囲が隆起しているように見える
指定するとき、半角スペースで区切ると上下左右を別々に指定できます。
1つ　上下左右全て
2つ　1.上下 2.左右
3つ　1.上 2.左右 3.下
4つ　1.上 2.右 3.下 4.左

◆ボーダーの太さを指定

border-width: 種類;

上下10px 左右3px スタイルdotted

種類　thin 細め
　　　medium 普通(デフォルト)
　　　thick 太め
数値の単位　mm,cm,in,pt,pc,px,ex,em
指定するとき、半角スペースで区切ると上下左右を別々に指定できます。
1つ　上下左右全て
2つ　1.上下 2.左右
3つ　1.上 2.左右 3.下
4つ　1.上 2.右 3.下 4.左
これを指定するとき、boeder-styleを見えるものにしてください(デフォルトだと表示されません)

◆ボーダーの色を指定

border-color: 色;

点線の青色

色はカラーコードや色名称等指定できます。
指定するとき、半角スペースで区切ると上下左右を別々に指定できます。
1つ　上下左右全て
2つ　1.上下 2.左右
3つ　1.上 2.左右 3.下
4つ　1.上 2.右 3.下 4.左
これを指定するとき、boeder-styleを見えるものにしてください(デフォルトだと表示されません)

戻る