text-align

テキスト・フォント

テキストの水平方向の配置を指定するプロパティです。

構文

Syntax

text-align: center;

実行結果

text-align: center - 中央揃え

このテキストは中央に配置されます

💡 見出し、ボタンテキスト、キャッチコピーでよく使用

中央揃え

text-align: justify;

実行結果

text-align: justify - 両端揃え

両端揃えのテキストです。長い文章の場合、左右の端が揃うように文字間隔が自動調整されます。新聞や雑誌のような整然とした見た目になります。

💡 文章が短いと文字間隔が不自然になる場合があるので注意

両端揃え

text-align: start;

実行結果

text-align: right - 右揃え

このテキストは右端に揃えられます

💡 日付、価格表示、署名などでよく使用

書字方向の開始位置に揃える

startとendは国際化対応。justifyは英語以外では注意が必要。

全ブラウザ対応