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

動作ブラウザ 【 IE:4.0  NN:4.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:1px 8px 30px 15px; }
説  明 段落の枠を指定するにはスタイルの定義で枠の形状を指定しておきます。その後で「border-width:上 右 下 左」のようにして枠幅を指定します。
サンプル <html> <head> <title>段落の枠幅を上下左右別々に指定する</title> <style type="text/css"><!-- p { border-style:solid; border-width:1px 8px 30px 15px; } --></style> </head> <body> <p>段落の枠を別々に指定します。<br>  borderで一括指定することも<br>  できます。 </p> </body> </html>
補足説明 なし

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