こんにちは（・∀・）
CSS3で新しく追加されたプロパティをご紹介します。今回ご紹介するCSSプロパティはoutline-offsetです。
概要
通常アウトラインはボーダーの外側にありますが、outline-offsetプロパティを使用するとアウトラインとボーダーの間の距離を指定する事ができるようになります。
IEは対応しておりません。
.sample {
outline-offset: 10px;
}
適用要素
すべての要素
指定できる値
- 数値+単位
- アウトラインとボーダーの距離を指定
初期値
0
サンプル
HTML
<p class="demo">サンプルデモ</p>
CSS
.demo {
border: 10px solid #d49fc2;
outline: 10px solid #9fb7d4;
outline-offset: 10px;
}
Result
サンプルデモ