サイト内検索
...スタイルシート(css)...
スタイルシート・水平線
水平線の位置の指定
- IE・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; | 左側に表示します。(IE・opera) |
center; | 中央に表示します。(初期値) | |
right; | 右側に表示します。(IE・opera) | |
margin-left; | 0; | 左側に表示します。(firefox・safariなど) |
margin-right; | 0; | 右側に表示します。(safariなど) |
サンプル
[headの中]
<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>
[bodyの中]
<hr class="right"><hr class="left">
[ブラウザ上]