TOPページ >  水平線を表示する > 水平線の色を指定する

水平線の色を指定する

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

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

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

サンプルです。

オプション指定で、黄色の水平線を表示します。
スタイル指定で、カラーコード#FF00FF の水平線を表示します。

このサンプルのソースは次のようになります。

オプション指定で、青色の水平線を表示します。
<hr color="yellow">
スタイル指定で、カラーコード#FF00FF の水平線を表示します。
<hr style="color:#FF00FF">

水平線の色指定は、対応していないブラウザもあります。主要なブラウザの対応状況から見ると、スタイル指定がおすすめです。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
水平線の表示位置を指定する
水平線の色を指定する
水平線の太さや長さを指定する
水平線を表示する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス