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

CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS border-top属性の使用方法と例

border-top CSS属性は、要素の上部の境界線の幅、スタイル、色を設定します。これは、単一の宣言で単一の上部境界線属性を設定するためのものです(つまり、border-top-widthborder-top-styleおよびborder-top-color)のショートカット属性。

以下のテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの使用構文を示しています。

デフォルト値:すべての属性を表示
適用:すべての要素
継承:ありません
アニメーション可能:はい、個別の属性を参照してください参照してください アニメーション属性
バージョン:CSS 1、2、3
JavaScript構文:object.style.borderTop="2px solid red"

border-topの使用構文

この属性の構文は以下の通りです:

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

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

さらに詳しく

参照教程:CSS BorderCSS3 Border

関連属性:borderborder-top-colorborder-top-styleborder-top-width