CSS3の輪郭オフセット性
例
境界エッジの外側アウトライン15ピクセルを指定します。
div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}
»をお試しください
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
すぐにデジタル-webkit-を以下、-ms-またはプレフィックスのサポートに前-moz-は最初のブラウザのバージョン番号を属性。
属性 | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 不兼容 | 3.5 | 3.1 | 10.5 |
属性の定義と指示
境界エッジの枠組みの外で輪郭をオフセットする輪郭オフセット性
アウトラインは、2つの方法で国境異なります。
- アウトラインは、スペースを取りません
- アウトラインは、非矩形であってもよいです
デフォルト: | 0 |
---|---|
継承: | いいえ |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.outlineOffsetは= "15ピクセル" |
文法
outline-offset:length|inherit:
値 | 説明 |
---|---|
長さ | 境界線のエッジの輪郭から。 |
受け継ぎます | 引当金は、親要素の値概要オフセット性を継承しなければなりません。 |
関連記事
CSS3チュートリアル: ユーザーインターフェイスCSS3