Webデザイナーブログから学ぶホームページ制作

「border-top-width」プロパティは、上部のボーダー（境界線）の太さを指定するCSSプロパティです。

上部のボーダー（境界線）の太さを指定する値は「px」「em」などの値を指定することができます。
また、「border-top-width」プロパティと同時に設定が出来るプロパティの種類がいくつかあります。

【プロパティの種類】
・border-right-width
・border-bottom-width
・border-left-width

上部のボーダー（境界線）の太さを指定する場合は、「border-top-width」プロパティを使い適応する値を指定することで実装できます。

セレクタ{
border-top-width:上部のボーダー（境界線）の太さ;
}

/* px値 */
border-top-width: 1px;
border-top-width: 4px;

/* em値 */
border-top-width: 1em;
border-top-width: 4em;

/* 基本値（使い方①） */
border-color: red;
border-style: solid;
border-top-width: 1px;

/* 基本値（使い方②） */
border-color: #000000;
border-style: double;
border-top-width: 4em;

/* 基本値（使い方③） */
border-color: #ff7200;
border-style: dashed;
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;