2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

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

text-justifyの評価
頻出度
(3.0)
重要度
(3.0)
総合評価
(3.0)




1.text-justifyとは?

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

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

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

{ text-align: 値; }

値の指定方法

  • auto
  • none
  • inter-word
  • inter-character




2.text-justifyの使い方

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

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

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

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




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です