CSS: border(枠線)の太さ(幅)を指定する

CSS で border(枠線)太さ(幅)を指定する場合は、 border-width プロパティを使用します。

上下左右の枠線を一括で指定する場合と、 上下左右を個別に指定したい場合の指定方法は次の通りです。


/* 一括指定 */
border-width: 1px;              /* 上下左右同じ */
border-width: 1px 2px;          /* 上下  左右  */
border-width: 1px 2px 3px       /* 上  左右  下*/
border-width: 1px 2px 3px 4px   /* 上 右 左 下 */

/* 個別に指定 */
border-top-width: 1px;          /* 上 */
border-right-width: 1px;        /* 右 */
border-bottom-width: 1px;       /* 下 */
border-left-width: 1px;         /* 左 */

border(枠線)のスタイルを指定する場合、太さ(幅)、種類、色をまとめて 指定できる border プロパティを使用するのが一般的ですが、 太さ(幅)だけを指定したい場合はborder-width プロパティを使います。

HTML・CSS入門