【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 プロパティを使います。

役立ちツール

CSS 基本事項

CSS セレクタ

CSS テキスト・フォント

CSS 色・画像・背景

CSS ボックス

トランジション

リスト

テーブル

CSS レイアウト

CSS その他

用語

関連サイト