中年おっちゃんでも出来たウェブページ作成講座 with ? mark

Horizontal Rule

HR要素は、横罫線を引く場合に使用する、ブロック要素。

W3C → XHTML 1.0 → Multi-part XHTML file → DTDs → XHTML-1.0-Strict より
<!ELEMENT hr EMPTY>
<!ATTLIST hr
  %attrs;  >

　XXXX　　はHTMLサンプルです。

　XXXX　　はHTMLサンプルの表示例です。

height プロパティの px 値を変え、background-color プロパティを使用して要素内を塗りつぶす事により、表示高を変える事ができます。枠線の修飾は、UAにより違いますので、使用しない（ border:none; ）事をお勧めします。

表示例
HTML記述: <hr style="height:10px;background-color:red;border:2px #00f solid;" />

	IE6 での表示．枠線は、表示高 20px 内に表示され、枠線と塗りつぶしの間に隙間が有ります。
	IE8 での表示．枠線は、表示高 20px の回りに表示されます。
	Firefox での表示．枠線は、表示高 20px 内に表示されます。

HR要素 - 横罫線