outline-styleの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)
目次
1.outline-styleとは?
outline-styleプロパティはアウトラインのスタイルを指定する際に使用します。
例えば、ボタン、入力フィールドなどを目立たせたいときに利用します。
値の指定方法は以下の通りです。
{ outline-style: 値; }
値の指定方法
- none
- auto
- dotted
- dashed
- solid
- double
- groove
- ridge
- inset
- outset
2.outline-styleの使い方
それではoutline-styleの使い方をみていきましょう。
以下のようにすることでアウトラインが破線で表示されます。
.button-sample {
border: 1px solid black;
width: 250px;
outline-style: dashed;
}
他にも値を設定できるのでいろいろと試してみることをオススメします!