English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
outline-width属性の使用方法と例outlinewidth CSS属性は、要素の輪郭の幅を設定します。しかし、多くの場合、省略形のCSS属性
より便利で、より好ましいです。
以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプト内でのこの属性の使用法を示しています。 | medium |
---|---|
デフォルト値: | 適用範囲: |
すべての要素 | 継承: |
ありません | 可動画化:は。 参照してください。 |
アニメーション属性 | バージョン: 2CSS3 |
、 | JavaScript構文:object |
widthの使用構文
outline-この属性の構文は以下の通りです:
width: thin | medium | thick | length | initial | inherit-以下の例では、outlineを使用する方法を示しています
例 outline-p { outline-style: solid; width: thick;}/テストを見て‹
›注意:-width属性を宣言する必要がありますoutline-style属性。要素が輪郭を持っている必要があります。輪郭の幅を設定する前に、このoutline-style属性のデフォルト値はnoneです。
以下のテーブルはこの属性の値を説明しています。
値 | 説明 |
---|---|
thin | 薄い輪郭。 |
medium | 中程度の輪郭。 |
thick | 粗い輪郭。 |
length | px、emなどの単位で指定される数値。負の値の使用は許可されていません。 |
inherit | 指定された場合、関連する要素は親要素のoutlineを使用します-widthの属性値。 |
outline-width属性のブラウザの互換性について、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョン番号を示しています;すべての主要ブラウザはこの属性をサポートしています。
|
警告: Internet Explorer 7およびそれ以前のバージョンでは、このoutlineをサポートしていません-width属性が必要です。IE8この属性をサポートしていますが、有効な<!DOCTYPE>。