border-top-color: ★;

border-right-color: ★;

border-bottom-color: ★;

border-left-color: ★;

CSS 140p

上下左右のボーダーの色を指定します。
ボーダーは種類の初期値が「none(非表示)」のため、色を指定しただけでは
ボーダーは表示されません。(種類についてはこちらを見てください。)
値は次の二つのどちらかを選びます。


  • RGB値もしくは色名で指定します。(色名の詳しくはこちら!
  • transpaent
    透明を指定します。ボーダーの幅は保持されます。
 例  CSS
h1 {
margin: auto; border-style: solid;
border-top-color: #ff0000:
border-right-color: #0000ff;
border-bottom-color: #008000;
border-left-color: #ffff00;
}
XHTML
<h1>
上が赤、下が緑、左が黄色、右が青に設定したものです。
<⁄h1>

これをXHTMLとCSSで書くとこうなります。
ここをクリック!

トップに戻る