★text-align（文字揃え）

戻る

text-align（文字揃え）

解説
インライン・コンテント（文字）の表示位置を指定する属性です。
HTMLのdivエレメント、h1〜h6エレメント、hrエレメント、pエレメント等のalignアトリビュートは廃止予定です。これらは、このtext-align属性で指定出来ます。ただし、text-align属性はブロックレベル・コンテントには指定出来ないので、center（div align="center"）エレメントと完全互換出来ない。（今現在これに相当するものがありません）

値

left：左に表示
center：中央に表示
right：右に表示
justify：両端に表示（均等割付）

初期値

ブラウザの固有値

%値の基準 　

適用

ブロックレベルエレメント

継承

する


対応状況
left L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3 E3 E4 E5 ME5 E55 E6
center L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3 E3 E4 E5 ME5 E55 E6
right L1 L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3 E3 E4 E5 ME5 E55 E6
justify L1 L2 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　 　
E5は、独自拡張した属性text-justify:distribute-all-linesと併用すれば動作します。

使用例

ソース

表示＆操作

スタイル部に、

.center{text-align:center;}
.justify{text-align:justify;}

と記述し、

中央に表示
均等割付

と表示されます。

body部に、

<div class="center">中央に表示</div>
<div class="justify">均等割付</div>

と記述すると。

Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/text-align.html
E-mailpokochan@mx1.tees.ne.jp