text-align

CSSプロパティ「text-align」の解説とサンプル。

CSSレイアウト実践講座

CSSレイアウト実践講座について

運営者プロフィール

運営者ブログ*

お問い合わせ

text-align

テキストの揃え位置や均等割付を指定するプロパティ。

値により、左揃え(left)、右揃え(right)、センタリング(center)、均等割付(justify)を指定することができる。

left 左揃え。値を指定しない場合はこれが標準。
right 右揃え。
left 中央揃え。(センタリング)

使用例 - サンプル(A) / サンプル(B)

サンプル(A)

[CSSの記述]

.sampleA { text-align:right; }

[HTMLの記述]

<p class="sampleA">テキストテキスト</p>

[ブラウザ上の表示]

テキストを右揃えに。

サンプル(B)

[CSSの記述]

.sampleB { text-align:center; }

[HTMLの記述]

<p class="sampleB">テキストテキスト</p>

[ブラウザ上の表示]

テキストを中央揃えに。