水平線の表示位置を指定する
HTML言語を使用したホームページやブログなどのウェブサイトで HR タグを使って水平線を表示する際に、水平線の表示位置を指定することができます。文字や画像と同じように、ALIGN属性を使用します。
- 水平線の表示位置:下記の中から選択できます。
水平線の表示位置 見え方 left 左詰め center 中央揃え right 右詰め
サンプルです。長さ 60%の水平線の表示位置を指定してみます。
記事が長くなったときは、水平線で段落を区切ると ずっと見やすくなります。線の種類や太さ、幅の指定もできます。
HTML言語を使用したホームページやブログなどのウェブサイトで HR タグを使って水平線を表示する際に、水平線の表示位置を指定することができます。文字や画像と同じように、ALIGN属性を使用します。
| 水平線の表示位置 | 見え方 |
|---|---|
| left | 左詰め |
| center | 中央揃え |
| right | 右詰め |
サンプルです。長さ 60%の水平線の表示位置を指定してみます。
HTML言語を使用したホームページやブログなどのウェブサイトで HR タグを使って水平線を表示する際に、水平線の色を指定することができます。
という形式になります。『#FF0000』などの 16進数表記、または『 red 』などの色名称で指定します。カラー見本はこちらでご紹介しています。
サンプルです。
HTML言語を使用したホームページやブログなどのウェブサイトで HRタグを使って水平線を表示する際に、太さや長さを指定することができます。オプションで指定する方法と、スタイルシートを使用する方法があります。
| 絶対サイズ | 意味 |
|---|---|
| in | インチ( 1 in = 25.4 mm ) |
| cm | センチメートル |
| mm | ミリメートル |
| pt | ポイント( 1 pt = 1/72 in) |
| pc | パイカ( 1 pc = 12 pt ) |
| px※ | ピクセル(表示上の 1 ドット幅) |
| 相対サイズ | 意味 |
|---|---|
| em | 基準書体の文字の高さ |
| ex | 基準書体の文字 x の高さ |
| % | 基準書体のサイズに対する百分率 |
※正確にはデバイス依存の相対サイズ
サンプルです。
HTML言語を使用したホームページやブログなどのウェブサイトでは、HR タグを使って、水平線を表示することができます。段落文章などをを見やすく仕切るのに有効です。
| <hr> | 立体的に凹んだような水平線を表示 |
| <hr noshade> | 平面的な水平線を表示 |
サンプルです。