English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-right-width CSS属性を使用して、単独で要素の右枠線の幅を設定します。しかし、多くの場合、 border-widthまたはborder-right このような短縮CSS属性は使いやすく、推奨されます。
以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文を示しています。
デフォルト値: | medium |
---|---|
適用: | すべての要素 |
継承: | ありません |
アニメーション可能: | はい。以下を参照してください: アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScript 構文: | object.style.borderRightWidth="thick" |
この属性の構文は以下の通りです:
border-right-width: thin | medium | thick | length | initial | inherit
以下の例では、border-right-width属性。
p { border-style: solid; border-right-width: 15px; }テストを見て‹/›
注意:border-bottom-width属性の前の宣言border-style属性。要素が枠線を持たなければ、枠線の幅を設定することはできません。なぜなら、border-styleこの属性のデフォルト値はnoneです。
以下のテーブルは、この属性の値を説明しています。
値 | 説明 |
---|---|
thin | 細い枠線。 |
medium | 中程度の境界。 |
thick | 太い枠線。 |
length | px、pt、cm、emなどの単位で指定される長さ値です。ただし、負の値は許可されません。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のborderを用いる-right-widthの属性値。 |
border-right-width属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。
|
以下のチュートリアルを参照してください:CSS Border。
関連属性:border、border-width、border-right、border-right-color、
border-right-style。