TOPページ > 水平線を表示する
水平線を表示する

水平線を表示する

記事が長くなったときは、水平線で段落を区切ると ずっと見やすくなります。線の種類や太さ、幅の指定もできます。

水平線を表示する 項目一覧

HTML言語を使用したホームページやブログなどのウェブサイトで HR タグを使って水平線を表示する際に、水平線の表示位置を指定することができます。文字や画像と同...

HTML言語を使用したホームページやブログなどのウェブサイトで HR タグを使って水平線を表示する際に、水平線の色を指定することができます。 オプションで指定す...

HTML言語を使用したホームページやブログなどのウェブサイトで HRタグを使って水平線を表示する際に、太さや長さを指定することができます。オプションで指定する方...

HTML言語を使用したホームページやブログなどのウェブサイトでは、HR タグを使って、水平線を表示することができます。段落文章などをを見やすく仕切るのに有効です...

2006年02月07日

HTML言語を使用したホームページやブログなどのウェブサイトで HR タグを使って水平線を表示する際に、水平線の表示位置を指定することができます。文字や画像と同じように、ALIGN属性を使用します。

<hr align="水平線の表示位置">
  1. 水平線の表示位置:下記の中から選択できます。
    水平線の表示位置見え方
    left左詰め
    center中央揃え
    right右詰め

サンプルです。長さ 60%の水平線の表示位置を指定してみます。

続きを読む "水平線の表示位置を指定する" »

HTML言語を使用したホームページやブログなどのウェブサイトで HR タグを使って水平線を表示する際に、水平線の色を指定することができます。

オプションで指定する場合
<hr color="色番号または色名称">
スタイルで指定する場合
<hr style="color:色番号または色名称">

という形式になります。『#FF0000』などの 16進数表記、または『 red 』などの色名称で指定します。カラー見本はこちらでご紹介しています。

サンプルです。

続きを読む "水平線の色を指定する" »

HTML言語を使用したホームページやブログなどのウェブサイトで HRタグを使って水平線を表示する際に、太さや長さを指定することができます。オプションで指定する方法と、スタイルシートを使用する方法があります。

オプションで指定する場合
<hr size="太さの指定" width="横幅の指定">
スタイルで指定する場合
<hr style="height:太さの指定 ;width:横幅の指定">
  1. 太さの指定/横幅の指定(サイズオプションの場合):px(ピクセル)または %指定が一般的です。ピクセル指定の場合は、単位を付けずに数字のみで、割合の場合は、%を付けて指定します。
  2. 太さの指定/横幅の指定(スタイル指定の場合):スタイルシートで指定する場合は、下記の絶対サイズまたは相対サイズで指定できます。単位を付けて指定してください。
    絶対サイズ意味
    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>平面的な水平線を表示

サンプルです。

続きを読む "水平線を表示する" »

IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス