|
ホーム ＞ ページ ＞ 罫線を表示
■罫線を表示
<hr>
<hr ★>
★･･size="太さ"(ピクセル数)
width="長さ"(ピクセル数,または%)
align="left","center","right"
noshade
color="色"(色指定#rrggbb,色名)
<hr>タグを使うと表示領域の幅いっぱいに罫線が引かれます。
罫線との前後の内容と垂直方向の感覚はブラウザに依存します。
size属性
罫線の太さをピクセル数で指定
width属性
罫線の長さをピクセル数か横幅に対する割合(%)で指定
align属性
罫線の表示位置を指定します
noshade
立体的ではなく平面的な罫線を表示します
color属性
罫線の色を｢#｣に続けてRGBの値を指定か直接色名を指定
記入例。
 メモ帳 |
|
ファイル(F) 編集(E) 書式(O) 表示(V) ヘルプ(H) |
<!DOCTYPE HTML PUBLIC-"//W3C//DTD HTML4.01 Transitional//EN">
<html>
<head>
</head>
<body>
デフォルトでは表示領域いっぱいに罫線が引かれます。
<hr>
線の太さを10ピクセルに指定します。
<hr size="10">
線の長さを30ピクセルに指定します。
<hr width="30">
線の長さを画面の横幅に対して50%に指定。
<hr width="50%">
線の太さを10ピクセル、長さを画面の横幅の50%、そして左寄せに指定。
<hr size="10"width="50%" align="left">
影のない一本の線に指定。
<hr noshade>
色つきの罫線は一部対応してないブラウザがあります。
<hr color="red">
<hr color="#ff0000">
</body>
</html>
|
表示結果
|
スポンサードリンク
ホーム
