Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

CSSプロパティ辞典

border-left-width

左部の境界線の幅に関する項目を指定できます。

サンプルコード
div.test { border-left-width: thin;}
div.test1 { border-left-width: medium;}
div.test2 { border-left-width: 10px;}
指定可能な値一覧
概要
数値境界線の太さを『px』などで指定できます。
thin『thin』(細い)というキーワードで指定します。一般的なブラウザでは1pxで表示されますがブラウザによって多少の差があります。
medium『medium』(中間)というキーワードで指定します。一般的なブラウザでは3pxで表示されますがブラウザによって多少の差があります。『border-left-width』に関する値が指定されていない場合はこれが初期値となります。
thick『thick』(厚い)というキーワードで指定します。一般的なブラウザでは5pxで表示されますがブラウザによって多少の差があります。
ブラウザでの表示結果

※ 以下のサンプルの『border-style』プロパティは『solid』を指定しています。

<div style="border-left-width: 10px; border-style: solid; height: 100px; padding: 10px; font-weight: bold;">高さ100px、パディング10pxのdiv要素です。</div>

対応ブラウザ
Chrome Chrome
1 以降
Firefox Firefox
1 以降
Safari Safari
1 以降
Edge Edge
12 以降
全バージョンで対応しています
IE IE
11
10
9
8
7
6
Opera Opera
3.5 以降
2 以前 ×
iOS Safari iOS Safari
1 以降
Android Android Browser
2.2 以降
1 以前 ×
Chrome Android Chrome Android
最新版
デスクトップ版と同等の対応です
Firefox Android Firefox Android
最新版
デスクトップ版と同等の対応です

※ バージョン情報は MDN に基づいています。

記事の間違いや著作権の侵害等ございましたらお手数ですがまでご連絡頂ければ幸いです。