[CSS] text-justifyプロパティで文章の均等割付の形式を指定しよう!

1.text-justifyとは?

text-justifyプロパティは文章の均等割付の形式を指定します。

text-alignプロパティの値がjustifyの時に併用することで様々な言語の表記に合わせた形式を選択できます。

値の指定方法は以下の通りです。

{ text-align: 値; }

値の指定方法

2.text-justifyの使い方

それではtext-justifyの使い方をみていきましょう。

.box {
 background-color: red;
 padding: 5px;
 text-align: justify;
 text-justify: inter-character;
}

上記の例では文字間隔が調整されて均等割付になります。

他にも値を設定できるのでいろいろと試してみることをお勧めします!