<hr> - 水平線

トップ > HTMLリファレンス > <hr>

概要

項目説明
形式<hr>
サポートH2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1
カテゴリフローコンテンツ
親要素フローコンテンツ を子要素に持てるもの
子要素無し(Empty)
タグの省略開始タグ:必須 / 終了タグ:無し

説明

hr は Horizontal Rule(水平方向の罫線)の意味です。物語の途中でシーンが変わる、参考書のセクションの中で次のトピックに移るなど、段落レベルのテーマの区切りなどで利用されます。

属性

【固有属性】
属性意味
align=alignH3-H4T/e2/Ch/Fx/Sa/Op/N2/i1。表示位置を指定します。
  center:中央。
  left:左寄せ。
  right:右寄せ。
color=colore3/Ch/Fx/Sa/Op/i1。線の色を指定します。HTML5 では採用されていません。代わりにスタイルシートの background-colorheight を使用してください。
size=nH3-H4T/e2/Ch/Fx/Sa/Op/N2/i1。線の幅をピクセル単位で指定します。HTML5 では採用されていません。代わりにスタイルシートの height を使用してください。
width=nH3-H4T/e2/Ch/Fx/Sa/Op/N2/i1。線の長さをピクセル単位または width="50%" のようなパーセンテージで指定します。HTML5 では採用されていません。代わりにスタイルシートの width を使用してください。
noshadeH3-H4T/e2/Ch/Fx/Sa/Op/N2/i1。立体的な影を持たない、平面的な線で表示します。スタイルシートで実現するには、style="border:0; height:2px; background-color:#999999;" を指定するとよいようです。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<hr>
<hr style="width:300px; height:10px; background-color:#ff9999;">

表示





Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/hr.htm