Caution

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

CSSプロパティ辞典

border-left-color

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

サンプルコード
div.test { border-left-color: red;}
div.test1 { border-left-color: #ff0;}
div.test2 { border-left-color: transparent;}
指定可能な値一覧
概要
transparent境界線を透明色に指定します。
カラーコード、もしくはカラーネーム境界線を指定した色へ変更します。『border-left-color』に関する項目が指定されていない場合は『color』プロパティに指定されている色が初期値となります。
ブラウザでの表示結果

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

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

対応ブラウザ
IE6 IE7 IE8 IE9 IE10 IE11 Safari Chrome Firefox Opera

iPhone Safari Android2系 標準ブラウザ Android4系 標準ブラウザ

概要

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

『border-left-color』プロパティに何も指定していない場合は『color』プロパティに設定されている色が初期値となります。

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