WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > border-color
border-color  ボーダー 

ボーダーの色を指定する。

このエントリーをはてなブックマークに追加

border-style:も指定してください。


書式例

border-color: 上下左右 ; ( 例 border-color : #ff0000 ; )
border-color: 上下 左右 ; ( 例 border-color : #ff0000 #00ff00 ; )
border-color: 上 左右 下 ; ( 例 border-color : red green blue ; )
border-color: 上 右 下 左 ; ( 例 border-color : red green blue orange ; )

パラメーター

●色
・#000000 といったカラーコードや redやblueといったカラーネームで色指定。
・transparent 透明。

サンプルコード

<div style="border-style:solid; border-color: blue;">あいうえお</div>
<div style="border-style:solid; border-color: #ff0000 #00ff00 ;">かきくけこ</div>
<div style="border-style:solid; border-width:5px; border-color: red green blue orange ;">さしすせそ</div
あいうえお
かきくけこ
さしすせそ