サーチ…
構文
- アウトライン：アウトライン - 色アウトライン - スタイルアウトライン - 幅|最初の|継承する;
- アウトライン - 幅：ミディアム|薄い|厚い|長さ|最初の|継承する;
- アウトラインスタイル：なし|隠された|点在する| |ソリッド|ダブル|グルーブ| |インセット|始まり|最初の|継承する;
パラメーター
| パラメータ | 詳細 |
|---|---|
| 点在 | 点線の輪郭 |
| 破線 | 破線の輪郭 |
| 固体 | 実線の輪郭 |
| ダブル | 二重概要 |
| 溝 | 3D溝の輪郭、輪郭の色の値に依存する |
| リッジ | 3Dリッジ付きアウトライン、アウトラインカラー値に依存 |
| インセット | 3Dインセットアウトライン、アウトラインカラー値に依存 |
| 最初 | 3Dアウトライン、アウトラインカラー値に依存 |
| 無し | アウトラインなし |
| 隠された | 隠し輪郭 |
備考
outlineはCSSモジュールレベル3の基本UI （これはすでにREC CSS2.1で記述されています）
Outlineプロパティは:focus状態の要素のブラウザでデフォルトで定義されています:focus状態。
削除しないでください。http : //outlinenone.comを参照してください。
アウトラインプロパティは何をしますか？
TABキー（またはこれに相当するもの）を使用してWebドキュメントをナビゲートするときに、「フォーカス」を持つリンクに視覚的なフィードバックを提供します。これは、マウスを使用できない人や視覚障害者にとって特に便利です。アウトラインを削除すると、これらの人々のためにサイトにアクセスできなくなります。 （...）
スタックオーバーフローに関する興味深い関連例：
概要
アウトラインは、境界線の外側で要素を囲む線です。 borderとは対照的に、アウトラインはボックスモデル内にスペースをとらない。したがって、要素にアウトラインを追加しても、要素または他の要素の位置には影響しません。
さらに、アウトラインは、一部のブラウザでは非長方形にすることができます。これは、 font-sizeプロパティが異なるテキストを含むspan要素にoutlineが適用されている場合に発生します。枠線とは異なり、輪郭線は角を丸くすることはできません 。
outlineの基本的な部分はoutline outline-color 、 outline-style 、 outline-widthです。
アウトラインの定義は、境界線の定義と同じです。
アウトラインは要素の周りの線です。要素の余白の周囲に表示されます。ただし、ボーダープロパティとは異なります。
outline: 1px solid black;
アウトラインスタイル
outline-styleプロパティは、要素のアウトラインのスタイルを設定するために使用されます。
p {
border: 1px solid black;
outline-color:blue;
line-height:30px;
}
.p1{
outline-style: dotted;
}
.p2{
outline-style: dashed;
}
.p3{
outline-style: solid;
}
.p4{
outline-style: double;
}
.p5{
outline-style: groove;
}
.p6{
outline-style: ridge;
}
.p7{
outline-style: inset;
}
.p8{
outline-style: outset;
}
HTML
<p class="p1">A dotted outline</p>
<p class="p2">A dashed outline</p>
<p class="p3">A solid outline</p>
<p class="p4">A double outline</p>
<p class="p5">A groove outline</p>
<p class="p6">A ridge outline</p>
<p class="p7">An inset outline</p>
<p class="p8">An outset outline</p>
