<hr> 横罫線を表示させる -HTMLタグ辞典
HTMLタグ辞典 横罫線を表示させる
トップページ 戻る コミュニティ リンク ヘルプ
ページ テキスト フォント リンク イメージ リスト フレーム テーブル フォーム 意味 補助 その他
 HTMLタグ辞典 >> テキスト >> 横罫線を表示させる
タグ

 <hr>

解説

 <hr>は、<br>タグと同様、終了タグを用いることなく、単独で使用するタグです。 いくつかの属性を指定することで、横罫線の色、太さ、長さ、位置等を指定できます。 使用できる属性に関しては、下の表にまとめます。













ブラウザ

  このタグは Internet Explorer に対応しています。 このタグは Netscape に対応しています。

使用頻度

  (3/5)

見出し文を設定する
見出しの表示位置を指定する
段落を設定する
段落の表示位置を指定する
改行する
改行させない
文書を点滅させる
文書をスクロールさせる
文書の表示方向を指定する
特定の領域の設定をする
特定領域に共通属性を設定する
特定領域をグループ化する
特定領域の表示位置を指定する
特定領域の表示位置を中央に指定
入力した通りに表示させる
文章を引用する(長文)
文章を引用する(短文)
上付き文字を指定する
下付き文字を指定する
横罫線を表示させる
ページの余白を設定する

属性 解説
color

横罫線のを指定します。
(例)<hr color="#ff0000">
(例)<hr color="red">

size ピクセル

横罫線の太さを指定します。
(例)<hr size="10">

width ピクセル、%

横罫線のを指定します。
(例)<hr width="300">

align left

横罫線を画面に表示します。
(例)<hr align="left">

center

横罫線を画面中央に表示します。
(例)<hr align="center">

right

横罫線を画面に表示します。
(例)<hr align="right">

noshade なし

横罫線が立体的ではなくなります。
(例)<hr noshade>

共通属性

classtitlestyleid

サンプルソース 表示例(IE)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>サンプルページ</TITLE>
</HEAD>
<BODY>

↓横罫線(デフォルト)
<hr>

↓横罫線(太さ:10、幅:300、色:red、位置:center)
<hr size="10" width="300" color="red "align="center">

</BODY>
</HTML>

Internet Explorer
Netscape

サンプルページ
※上記のサンプルソースで記述されたHTMLファイルを、
お使いのブラウザでご覧いただけます。


関連ページ


PAGE TOP
トップページ 戻る コミュニティ リンク ヘルプ




アクセス 昨日 今日 Copyright (C) NEWCREDGE GROUP All Rights Reserved.