CSSアウトラインプロパティ
例
<h2>要素と<div>要素の周りにアウトラインを設定します。
h2 {
outline: 5px dotted green;
}
div.a {
outline: 2px dashed blue;
}
定義と使用法
アウトラインとは、要素を「目立たせる」ために、境界線の外側の要素の周りに描かれる線です。
プロパティは、次のoutline
略記プロパティです。
アウトラインカラーを省略した場合、適用される色はテキストの色になります。
注:アウトラインは境界線とは異なります!境界線とは異なり、アウトラインは要素の境界線の外側に描画され、他のコンテンツと重なる場合があります。また、アウトラインは要素の寸法の一部ではありません。要素の合計の幅と高さは、アウトラインの幅の影響を受けません。
デフォルト値: | ミディアムインバートカラー |
---|---|
遺伝性の: | いいえ |
アニメート可能: | はい、個々のプロパティを参照してください。アニメート可能について読む |
バージョン: | CSS2 |
JavaScript構文: | object .style.outline = "#0000FFドット5px" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
outline | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
CSS構文
outline: outline-width outline-style outline-color|initial|inherit;
プロパティ値
Value | Description |
---|---|
outline-width | Specifies the width of outline |
outline-style | Specifies the style of the outline |
outline-color | Specifies the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
関連ページ
CSSチュートリアル:CSSの概要
HTML DOMリファレンス:アウトラインプロパティ