サイト内検索
...スタイルシート(css)...
スタイルシート・水平線
水平線の位置の指定
- ＩＥ・operaの水平線の表示位置は、
- text-alignプロパティを指定します。
- firefox・safariなどの水平線の表示位置は、
- margin-leftプロパティを指定します。
- margin-rightプロパティを指定します。
- どちらにも適用させる場合は、同時に指定しておきます。
- [メモ]
- margin-rightプロパティは、firefoxでは、対応しないようなので、
- margin-leftプロパティを指定します。
- [使い方]
- hr{
width: 70%;
text-align: right;
margin-right: 0;
}
| プロパティ名 | 値 | 説明 |
|---|---|---|
| 指定なし | 中央に表示します。 | |
| text-align: | left; | 左側に表示します。（ＩＥ・opera） |
| center; | 中央に表示します。（初期値） | |
| right; | 右側に表示します。（ＩＥ・opera） | |
| margin-left; | 0; | 左側に表示します。（firefox・safariなど） |
| margin-right; | 0; | 右側に表示します。（safariなど） |
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
hr.right{
width: 300px;
text-align: right;
margin-left: 150px;
}
hr.left{
width: 300px;
text-align: left;
margin-left: 0;
}
-->
</style>
[ｂｏｄｙの中]
<hr class="right"><hr class="left">
[ブラウザ上]
