⌘K

text-align プロパティ

プロパティ text-align は、 テキストの配置を設定します：左揃え、右揃え、 中央揃え、または両端揃え。

構文

cssセレクタ {
  text-align: center | left | right | justify | auto | start | end;
}

値

値 説明
center テキストは中央揃えになります。
left テキストは左揃えになります。
right テキストは右揃えになります。
justify テキストは両端揃えになります（左右の両端で揃える）。
auto 要素の配置を変更しません（デフォルト値）。
start テキストの方向が左から右の場合は left と等しく、右から左の場合（アラビア語など）は right と等しくなります。
end テキストの方向が左から右の場合は right と等しく、右から左の場合は left と等しくなります。

デフォルト値: auto。多くの場合、デフォルトではテキストは左揃えになります（アラビア語では右揃え）。 ただし、例外もあります。例えば、th タグ内のテキストは中央揃えになります。

例 . left 値

html<p>
  some long text
</p>
cssp {
  text-align: left;
  width: 400px;
}

Результат:

例 . right 値

html<p>
  some long text
</p>
cssp {
  text-align: right;
  width: 400px;
}

Результат:

例 . center 値

html<p>
  Lorem ipsum dolor sit amet.
</p>
cssp {
  text-align: center;
}

Результат:

例 . justify 値

html<p>
  some long text
</p>
cssp {
  text-align: justify;
  width: 400px;
}

Результат:

Backtext-indent プロパティNexttext-decoration プロパティ