CSSテキストジャスティファイプロパティ
例
text-alignが「justify」に設定されている場合は、justificationメソッドを「inter-word」に設定します。
div
{
text-align: justify;
text-justify: inter-word;
}
定義と使用法
このtext-justify
プロパティは、text-alignが「justify」に設定されている場合のテキストの位置揃え方法を指定します。
デフォルト値: | 自動 |
---|---|
遺伝性の: | はい |
アニメート可能: | 番号。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | オブジェクト.style.textJustify = "inter-word" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
text-justify | Yes* | 11.0 | 55.0 | 10.0.3 | Yes* |
*この機能は、[実験的なWebプラットフォーム機能を有効にする]設定の背後にあります([有効]に設定する必要があります)。Chromeで設定を変更するには:Chromeブラウザで「chrome:// flags」と入力します。Operaで設定を変更するには:Operaブラウザで「フラグ」と入力します。
CSS構文
text-justify: auto|inter-word|inter-character|none|initial|inherit;
プロパティ値
Value | Description | Play it |
---|---|---|
auto | The browser determines the justification algorithm | |
inter-word | Increases/Decreases the space between words | |
inter-character | Increases/Decreases the space between characters | |
none | Disables justification methods | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |