English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-top CSS属性は、要素の上部の境界線の幅、スタイル、色を設定します。これは、単一の宣言で単一の上部境界線属性を設定するためのものです(つまり、border-top-width、border-top-styleおよびborder-top-color)のショートカット属性。
以下のテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの使用構文を示しています。
デフォルト値: | すべての属性を表示 |
---|---|
適用: | すべての要素 |
継承: | ありません |
アニメーション可能: | はい、個別の属性を参照してください。参照してください アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScript構文: | object.style.borderTop="2px solid red" |
この属性の構文は以下の通りです:
border-top: [ border-top-width border-top-style border-top-color ] | initial | inherit
以下の例では、borderの使用方法を示しています。-top属性。
h1 { border-top: 5px solid #ff0000; } p { border-top: 3px dotted #00ff00; }テストして見て‹/›
以下のテーブルは、この属性の値を説明しています。
値 | 説明 |
---|---|
border-top-width | 要素の上部の境界線の幅を設定します。 |
border-top-style | 要素の上部の境界線の線スタイルを設定します。 |
border-top-color | 要素の上部の境界線の色を設定します。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のborderを使用します。-topの属性値。 |
border-top属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョンを示しています;すべての主要ブラウザはこの属性をサポートしています。
|
参照教程:CSS Border、CSS3 Border。
関連属性:border、border-top-color、border-top-style、border-top-width。