テキスト・フォント

「text-align」プロパティ

「text-align」プロパティは、文字やブロック要素内の画像などの水平方向(左右方向)の表示位置を指定するCSSプロパティです。
文字や画像を指定する値は、「左」「中央」「右」などに揃える指定ができます。

「text-align」プロパティの値

水平方向(左右方向)の表示位置は「left」「center」「right」「justify」などの値を指定することができます。 「text-align」プロパティは、ブロックレベル要素の配置位置を指定するものではないので、ブロック要素内に含まれるテキストや画像の配置位置を指定します。

「text-align」プロパティの指定方法

文字や画像の水平方向(左右方向)の表示位置を指定する場合は、「text-align」プロパティを使い適応する値を指定することで実装できます。

「text-align」プロパティ
セレクタ{
text-align;水平方向(左右方向)の表示位置;
}
値例
/* 基本値 */
text-align: start;/* ラインボックスの始端に揃える */
text-align: end;/* ラインボックスの終端に揃える */
text-align: left;/* 左 */
text-align: right;/* 右 */
text-align: center;/* 中央 */
text-align: justify;/* 均等割付 */
text-align: justify-all;/* 均等割付 */
text-align: match-parent;/* 親要素の値を継承 */
表示例

水平方向の表示位置(left)

水平方向の表示位置(center)

水平方向の表示位置(right)