outline-offsetの評価
頻出度
(3.0)
重要度
(3.0)
総合評価
(3.0)
目次
1.outline-offsetとは?
outline-offsetプロパティはアウトラインとボーダーの間隔を指定する際に使用します。
値の指定方法は以下の通りです。
{ outline-offset: 値; }
値の指定方法
- 任意の数値+単位
2.outline-offsetの使い方
それではoutline-offsetの使い方をみていきましょう。
以下のようにすることでアウトラインとボーダーの間隔が4pxで表示されます。
.button-sample {
width: 250px;
border: 1px solid black;
outline-style: dashed;
outline-width: 3px;
outline-color: blue;
outline-offset: 4px;
}
他にも値を設定できるのでいろいろと試してみることをオススメします!