サイト内検索
...HTML・XHTMLタグ...
ライン・水平線
水平線
- 水平線は、hr要素を指定します。
- 終了タグ</hr>は、ありません。
- [使い方]
- <hr>
溝を消す
- 水平線の溝を消すには、hr要素にnoshade属性を指定します。
- noshade・・・線を塗りつぶして表示する意味です。
- 平面的な水平線のこと・・・マジックで線を引く感じです。
- [使い方]
- <hr size="50" width="250" noshade>
- [メモ・・・W3Cの検証サービス・・・]
- XHTML 1.0 Transitional・XHTML 1.0 Framesetでは、
- noshade="noshade"
- として使います。
- HTML 4.01 Strict ・ XHTML1.0 Strictでは推奨されていません。
色を指定する
- 水平線に色をつけるには、hr要素にcolor属性を指定します。
- [使い方]
- <hr size="50" width="250" color="#000000">
- [メモ・・・W3Cの検証サービス・・・]
- color="#888888" ・・・ 16進数RGB値(カラーコード番号)
- ↑ ブラウザ上では、表示されますが、推奨されていませんので、
- Validするには、スタイルシートを使用します。
- color・background-colorプロパティを指定します。
- [サンプル]
- .sample{
width:300px; height:20px;
background-color: #009900; color : #009909;"
}
属性 | 属性値 | 説明 |
---|---|---|
color= | "" |
水平線の色を指定します。
16進数RGB値(例・・#fff000) または カラーネーム(例・・red)を指定します。 |
サンプル
「HTML 1.0 Transitional」・「HTML 1.0 Frameset」
<hr size="10" width="300" noshade>
<hr size="10"width="300" color="green">
<hr size="10"width="300" color="#008000">
<hr size=10 color="#008000" noshade>
<hr size="10"width="300" color="green">
<hr size="10"width="300" color="#008000">
<hr size=10 color="#008000" noshade>
「XHTML 1.0 Transitional」・「XHTML 1.0 Frameset」
<hr size="10" width="300" noshade="noshade" />
<hr size="10"width="300" color="green" />
<hr size="10"width="300" color="#008000" />
<hr size=10 color="#008000" noshade="noshade" />
<hr size="10"width="300" color="green" />
<hr size="10"width="300" color="#008000" />
<hr size=10 color="#008000" noshade="noshade" />
「HTML 4.01 Strict」
<hr style=" width:300px; height:20px;">
<hr style="width:300px; height:20px;
background-color: #009900; color : #009909;">
<hr style="width:300px; height:20px;
background-color: #009900; color : #009909;">
「XHTML1.0 Strict」
<hr style=" width:300px; height:20px;" />
<hr style="width:300px; height:20px; background-color: #009900; color : #009909;" />
<hr style="width:300px; height:20px; background-color: #009900; color : #009909;" />