文字の水平位置 【text-align】
ブラウザで表示した時の見え方
text-align: left
text-align: center
text-align: right
ソースサンプル
【CSS】
.left {
text-align: left
}
.center {
text-align: center
}
.right {
text-align: right
}
【HTML】
<p class="left">text-align: left</p>
<p class="center">text-align: center</p>
<p class="right">text-align: right</p>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- 「p」の部分は、span、div、h1など、ケースバイケースで自分で変更してください。(CSS利用時共通)
- 「justify」は複数行に満たない文字列には両端揃えが適用されません。が、属性を追加することで複数行にならない短い文章でも両端揃えにすることが出来ます。IE5、NN6以上で対応しています。
| オプション |
| auto | 文字を自動的に配置する | text-align: auto |
| left | 文字を左揃えにする | text-align: left |
| center | 文字を中央揃えにする | text-align: center |
| right | 文字を右揃えにする | text-align: right |
| justify | 文字を両端揃えにする | text-align: justify |
| 値 | 機能 | 例 |
AICHAN WEB(Z)
>
HTML&CSSサンプル集(S)
>
CSS
-
文字の水平位置