段落の枠の色を上下左右別々に指定する

■動作ブラウザ　【 IE:4.0　 NN:6.0】　■CSSバージョン【1】
Internet Explorer Netscape Navigator iCab
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.x 6.0 2.x
Windows ○ ○ - ○ ○ ○ × × × ○ -
Macintosh × ○ ○ ○ - - × × × ○ ○
UNIX - - - - - - × × × ○ -

ポイント p { border-style:solid; border-width:8px; border-color:red green blue yellow; }
説　　明 段落の枠の色を上下左右別々に指定するには「border-color:上 右 下 左」の順番で色を指定します。色は色名またはカラーコード等で指定します。
サンプル <html> <head> <title>段落の枠の色を上下左右別々に指定する</title> <style type="text/css"><!-- p { border-style:solid; border-width:8px; border-color:red green blue yellow; } --></style> </head> <body> <p> 　ここの段落の枠の色は<br> 上が赤色、下が青、右が緑<br> 左が黄色になります。 </p> </body> </html>
補足説明 なし

■サンプルを実行する　>>実行
 ■各ブラウザでの動作結果を見る　>>View!