border-style系統の評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)
目次
1.border-style系統とは?
border-style系統のプロパティはボーダーのスタイルを指定します。
border-style系統のプロパティは上辺、右辺、下辺、左辺に対応しています。
値の指定方法は以下の通りです。
{ border-top-style: 値; }
{ border-right-style: 値; }
{ border-bottom-style: 値; }
{ border-left-style: 値; }
値の指定方法
- none
- hidden
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
2.border-style系統の使い方
それではborder-style系統の使い方をみていきましょう。
div {
border-bottom-style: double;
}
上記のようにすることで下辺が2本の実線で表示されます。
他にも値を設定できるのでいろいろと試してみることをお勧めします!