text-align

水平方向の揃え方を指定するプロパティです。

このプロパティをブロックレベル要素（または表のセル）に指定すると、その中に含まれるインライン要素（テキストや画像等）を左 中央 右などに揃えることができます。

text-align: center;

プロパティの値

text-align プロパティは、上記のいずれかの方法で指定します。

• キーワード値となる start, end, left, right, center, justify, justify-all, match-parent のいずれかを使用する。
• <string> 値のみを使用した場合、他の値はデフォルトで right になります。
• キーワード値と <string> 値の両方を使用する。

値

start

書字方向が左から右の場合は left、右から左の場合は right と同じです。

end

書字方向が左から右の場合は right、右から左の場合は left と同じです。

left

インラインコンテンツはラインボックスの左辺に寄せられます。

right

インラインコンテンツはラインボックスの右辺に寄せられます。

center

インラインコンテンツはラインボックス内で中央に寄せられます。

justify

インラインコンテンツは両端揃えになります。テキストは最終行を除いて、その左右の端がラインボックスの左右の端に揃うように間隔が空けられます。

justify-all

Experimental

justify と同じですが、最終行も強制的に両端揃えになります。

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

工藤

最新記事 by 工藤 (全て見る)

• プロパティ:text-decoration - 2024年11月13日
• プロパティ:text-align - 2024年10月10日
• プロパティ:font-style - 2024年9月2日