水平線を引こう hrタグ（要素）
スポンサードリンク
文章の区切りやレイアウトに hrタグ
hr要素を利用すると水平線を設定できます。水平線を引くことにより、文章を区切ったり、サイトのレイアウトの一部に利用することができます。hr要素には様々な属性があります。
hrタグのhrはHorizontal Ruleの略で、日本語訳は水平方向の罫線という意味です。
hr要素は終了タグが必要ないので、開始タグのみの記述となります。
| 要素 | hr | 水平線を引く。このタグは終了タグは必要ない。 水平線の前後は自動的に改行される。 |
|---|---|---|
| 属性 | align | 水平線の位置ぞろえを変更する |
| size | 水平線の太さを設定する | |
| color | 水平線の色を設定する | |
| width | 水平線の長さ（幅）を設定する | |
| 記述例 | <hr color=”red” size=”5″ width=”300″> (水平線を引き、色は赤、太さは５、幅は300ピクセルで設定する) |
|
| align | 水平線の位置ぞろえを変更する。値は「left」「center」「right」があり、leftは左ぞろえ、centerは中央ぞろえ、rightは右ぞろえができる。 ※初期値はcenter |
|---|---|
| size | 水平線の太さを設定する。値はピクセルという単位で設定する。（単位は記述しない） ※初期値は2ピクセル |
| color | 水平線の色を設定する。値は基本色（カラーネーム）かRGB値で設定する。 |
| width | 水平線の長さ（幅）を設定する。値はピクセル（単位は記述無し）か%（数値の後ろに%を付ける）で設定する。 ※初期値は100%（横いっぱい） |
練習
下の入力欄に水平線（長さ50%、位置揃え左、色は緑）の記述をして下さい。
結果が表示されます
スポンサードリンク
関連記事
