Nov. 28th,2020
プロパティについて
概要
| 初期値 | “text-justify: auto;” |
| 適用対象 | インライン・ボックス |
| 継承 | Yes |
| パーセント値 | パーセント値は指定できません |
| 計算値 | 指定したキーワード |
| アニメーション | 離散 |
“text-justify”プロパティは“text-align”プロパティで両端揃えにされたテキストをどのように両端揃えにするかを指定するプロパティです。
サンプルコード
p { text-justify: inter-character;}
値
| 値 | 説明 |
|---|---|
| auto | 両端揃えの方法を自動で選択します (ユーザー・エージェントの処理能力や適切な描画の品質を考慮して両端揃えの方法を選択します。言語によって両端揃えの規則は異なるため、可能であればテキストの言語に適切な方法を選択します。) |
| none | 両端揃えを無効化します |
| inter-word | ワード・セパレータの大きさを調整して両端揃えにします (欧文などの単語間をスペースで区切ってわかち書きされる言語に適しています。“word-spacing”プロパティによる設定を調節します。) |
| inter-character | 文字の間隔を調整して両端揃えにします (日本語のようにすべての字が連続して記述される言語に適しています。“letter-spacing”プロパティによる設定を調節します。) |
| 共通キーワード |
過去に定義されていたブラウザの独自実装との互換性を考慮して“text-justify: distribute;”も定義されています。この場合、“text-justify: inter-character;”と同じように扱われます。
両端揃えの方法を指定する
p {
text-align: justify;
text-justify: none;
}
ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。
p {
text-align: justify;
text-justify: inter-word;
}
ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。
p {
text-align: justify;
text-justify: inter-character;
}
ナギコは「猫は上のかぎり黒くてことはみな白き」とも記していた。つまり彼女はおなかが白くて背中が黒い猫が一番良いと言っているのだ。これに対してAngelinaは「The Calico cat is the ultimate type of cat」だと言った。それにعَاتِكَةは「أنا أحب القطط البيضاء أكثر من غيرها」だと言う。しかし私は1000年以上も前にナギコが書き残した意見に賛同したい。
