border-top プロパティ

border-top プロパティは、上部ボーダーの色、種類、 太さを設定します。これは、border-top-width、 border-top-style、 およびborder-top-colorの 一括指定プロパティです。

構文

cssセレクター {
  border-top: 太さ 種類 色;
}

プロパティ値の順序は関係ありません。

例

要素に太さ2pxの黒い上部ボーダーを 設定してみましょう：

html<div id="elem"></div>

css#elem {
  border-top: 2px solid black;
  background: #f9f9f9;
  width: 300px;
  height: 100px;
}

Результат: