|
-
■ 枠線の様式
-
枠線のスタイルは以下の８通りの形状が用意されています。
- solid 直線
- double 二重線
- dotted 点線
- dashed 破線
- groove 溝線
- ridge 稜線
- inset 窪んだ感じの線
- outset 隆起した感じの線
使用例 ：
h1 { border-style: double }
-
■ 枠線の幅
-
枠線の幅を決めるスタイルシートは以下の通りです。値には 長さを決める単位と、独自に決められたものが設定されています。ただし、枠線の様式と一緒に指定する必要があります。
- thin 薄い幅の線
- thick 太い幅の線
- medium mediumサイズの幅の線
- 5px ピクセル単位の幅の線
使用例 ：
h1 { border-width: thick; border-style: solid }
-
■ 枠線の表示位置
-
通常、枠線指定は初期値で上下左右に表示されますが、枠線を表示したい場所を指定
することができます。 また、枠線の幅と色も一緒に指定することが可能です。
- border-top 要素の上側に枠線を表示
- border-right 要素の右側に枠線を表示
- border-left 要素の左側に枠線を表示
- border-bottom 要素の下側に枠線を表示
- boder 要素の上下左右に枠線を表示
使用例 ：
h1 { border-bottom: 3px double #fc0 }
-
■ 枠線の応用
-
⇒ スタイルシート
⇒ スタイルシートの記述方法
⇒ スタイルシートのプロパティ
|