English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
アウトライン-style CSS属性は、要素の輪郭のスタイルを設定します。しかし、実際の作業では、以下のものを使用する傾向があります：アウトラインこのショートカット属性。
以下のテーブルは、この属性の使用方法とバージョン履歴、およびjavascriptスクリプトでの使用構文を示しています。
| デフォルト値： | 説明 |
|---|---|
| 適用範囲： | すべての要素 |
| 継承： | ありません |
| アニメーション可能： | いいえ。参照してください： アニメーション属性。 |
| バージョン： | CSS 2、3 |
| JavaScriptの構文： | object.style.outlineStyle="dotted" |
この属性の構文は以下の通りです：
アウトライン-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
下面的示例演示了如何使用outline-以下の例では、outlineの使用方法を示しています。
例
アウトライン-p {
アウトライン-style: double; 5width:
px;}/テストして‹属性値
| 以下のテーブルは、この属性の値を説明しています。 | 値 |
|---|---|
| 説明 | none |
| 輪郭は表示されません。デフォルトの値です。 | dotted |
| 輪郭を点のシリーズとして表示します。 | dashed |
| 輪郭を短い線のシリーズとして表示します、つまり破線です。 | solid |
| 輪郭を1本の実線として表示します。 | doubleアウトライン-width輪郭を2本の平行な実線として表示し、その間に一定の間隔を設けます。2本の線の合計およびその間の間隔は、 |
| の値。 | groove3Dの印象は、通常、2つの色の影を創造することで実現され、これらの色の影はアウトライン-colorの色が少し明るく暗くなります。 |
| ridge | 効果とは反対の輪郭を表示します。これにより、3Dの印象、輪郭はキャンバスから出てくるように見えます。 |
| inset | 表示により、要素のボックスがキャンバスに埋め込まれたように見えます。これにより、3Dの印象は、通常、2つの色の影を創造することで実現され、これらの色の影はアウトライン-colorの色が少し明るく暗くなります。 |
| outset | 効果とは反対の輪郭を表示します。これにより、3Dの印象、輪郭はボックスがキャンバスから出てくるように見せます。 |
| initial | この属性をデフォルト値に設定します。 |
| inherit | 指定された場合、関連する要素は親要素のoutlineを使用します-styleの属性値。 |
アウトライン-style属性のブラウザの互換性について、以下のテーブルには、この属性をサポートするブラウザの最低バージョン番号が示されています；すべての主要ブラウザはこの属性をサポートしています。
|
警告： Internet Explorer 7および以前のバージョンでは、このoutlineをサポートしていません-style属性が必要です。IE8この属性をサポートしていますが、<!DOCTYPE>。
以下の内容に関するチュートリアルを参照してください：CSS 輪郭、CSS 枠線。
関連属性：アウトライン、アウトライン-color、アウトライン-width。