CSS border-top | CSS プロパティ値| 意味使い方実例

CSS border-top| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル

2018-06-12 css-reference

ページコンテンツ

`border-top` CSS プロパティとは

トピック：要素の上端の幅、スタイル、色を設定することができる border-top-width、border-top-style、border-top-colorの個々の上部境界線プロパティを単一の宣言で設定するための簡略化されたプロパティ

 h1 {
    border-top: 5px solid red;
}

h2 {
   border-top: 4px dotted blue;
}

div {
   border-top: double;
}
CSS Demo: border-top: solid;

CSS の border-top プロパティは、 border-top-color、 border-top-style、 border-top-width の一括指定プロパティこのプロパティは要素の上の境界線（border）を記述することができる。

デフォルト値・初期値 :	以下の一括指定の各プロパティとして `border-top-width`: `medium` `border-top-style`: `none` `border-top-color`: `currentcolor`
適用対象 :	全要素。 `::first-letter` にも適用される
継承 :	不可
メディア :	visual
計算値 :	以下の一括指定の各プロパティとして `border-top-width`: 絶対的な長さ、または `border-top-style` が `none` または `hidden` の場合は 0 `border-top-style`: 指定値 `border-top-color`: 計算された色
`CSS Version`	`CSS1 ～`
アニメーションの種類 :	以下の一括指定の各プロパティとして `border-top-color`: 色 `border-top-style`: 個別 `border-top-width`: length
JavaScript 構文	object.style.borderTop="3px dashed blue"
正規順序 :	形式文法における値の出現順
CSSの構文	`border-top: border-width, border-style, border-color \|initial \|inherit;`

値	説明
`border-top-width`	必須。上のボーダーの幅を指定するデフォルト値は "medium"です。
`border-top-style`	必須。上のボーダーのスタイルを指定するデフォルト値は "none"です。
`border-top-color`	オプション。上のボーダーの色を指定するデフォルト値はテキストの色です
`initial`	このプロパティをデフォルト値に設定する
`inherit`	親要素からこのプロパティを継承する

：border-top 関連記事