English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手引

CSS @ルール(RULES)

CSS属性全書

CSS outline-size 属性

outline-width属性の使用方法と例outlinewidth CSS属性は、要素の輪郭の幅を設定します。しかし、多くの場合、省略形のCSS属性

より便利で、より好ましいです。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプト内でのこの属性の使用法を示しています。medium
デフォルト値:適用範囲:
すべての要素継承:
ありません可動画化:は。 参照してください
アニメーション属性バージョン: 2CSS3
JavaScript構文:object

outline-.style.outlineWidth="medium"

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粗い輪郭。
lengthpx、emなどの単位で指定される数値。負の値の使用は許可されていません。
inherit指定された場合、関連する要素は親要素のoutlineを使用します-widthの属性値。

ブラウザ互換性

outline-width属性のブラウザの互換性について、以下のテーブルの数字はこの属性をサポートするブラウザの最低バージョン番号を示しています;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 1。5以上

  • Google Chrome1+

  • Internet Explorer 8+

  • Apple Safari 1。2+

  • Opera 7+

警告: Internet Explorer 7およびそれ以前のバージョンでは、このoutlineをサポートしていません-width属性が必要です。IE8この属性をサポートしていますが、有効な<!DOCTYPE>

さらに詳しく

以下の内容に関するチュートリアルを参照してください:CSS輪郭CSS境界線

関連属性:outlineoutline-styleoutline-color