CSS text-align-lastプロパティ
CSS リファレンス例
段落の最後の行を右揃えにする：
p
{
text-align: justify;
text-align-last: right;
-moz-text-align-last: right; } /*Firefox 向けのコード*/
}
試してみる »
ブラウザサポート
表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示します。
-moz- の後に指定された数字は、その関数をプレフィックス付きでサポートする最初のバージョン番号です。
| プロパティ | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5 | 12.0 -moz- | 非対応 | 34.0 |
定義と使い方
text-align-last プロパティは、テキストの最後の行をどのように整列するかを指定します。
注意：text-align-last プロパティは、text-align プロパティが "justify" に設定されている場合にのみ機能します。
| 初期値： | auto |
|---|---|
| 継承： | である |
| アニメーション可能： | いいえ。参照：アニメーション可能（animatable）。 |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.textAlignLast="right" 試してみる |
CSS 構文
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
プロパティ値
| 值 | 説明 | テスト |
|---|---|---|
| auto | 初期値。最後の行は調整され、左揃えになります。 | |
| left | 最後の行を左揃えにします。 | |
| right | 最後の行を右揃えにします。 | |
| center | 最後の行を中央揃えにします。 | |
| justify | 最後の行は両端揃えに調整されます。 | |
| start | 最後の行は行の先頭に揃えられます（text-direction が左から右の場合は左揃え、text-direction が右から左の場合は右揃えになります）。 | |
| end | 最後の行は行の末尾に揃えられます（text-direction が左から右の場合は右揃え、text-direction が右から左の場合は左揃えになります）。 | |
| initial | このプロパティを初期値に設定します。参照：initial。 | |
| inherit | このプロパティを親要素から継承します。参照：inherit。 |
その他の拡張