例
境界エッジの外側アウトライン15ピクセルを指定します。
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
»それを自分で試してみてください 定義と使用法
アウトラインオフセット性は、要素の輪郭とエッジまたは境界の間にスペースを追加します。
アウトラインは、2つの方法で国境異なります。
- アウトラインは境界エッジの外側に、要素の周りに線が引かれます
- アウトラインはスペースを取ることはありません
- アウトラインは非矩形であってもよいです
デフォルト値: | 0 |
---|---|
継承されました: | no |
アニメーション: | yes, see individual properties . Read about animatable Try it |
バージョン: | CSS3 |
JavaScriptシンタックス: | object .style.outlineOffset="15px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | サポートされていません | 3.5 | 3.1 | 10.5 |
CSSの構文
outline-offset:length|initial|inherit;
プロパティ値
値 | 説明 |
---|---|
length | 距離はアウトラインは境界エッジから最初です。 デフォルト値は0です |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSS3チュートリアル: CSS3のユーザーインターフェイス
HTML DOMリファレンス: outlineOffset property