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