English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 参考手帳

CSS @ルール(RULES)

CSS 属性全書

CSS3 text-align-last属性の使用方法と例

text-align-last CSS属性がテキストの最後の行のアライメント方法を指定します。注意:text-align 属性は、text-align属性が"justify"に設定された場合のみ効果があります。

このテーブルは、この属性の使用方法とバージョン履歴、およびjavascriptスクリプト内での属性の使用構文を示しています。

デフォルト値:auto
適用範囲:ブロックコンテナ
継承:はい
アニメーション可能:いいえ。参照してください アニメーション属性
バージョン: CSS3の新しい機能
JavaScriptの構文:object.style.textAlignLast="center"

text-align-lastの使用方法

この属性の構文は以下の通りです:

text-align-last: auto | start | end | left | right | center | justify | initial | inherit

以下の例では、text-align-last属性。

p {
    -moz-text-align-last: right; /* Firefox */
    text-align-last: right; 
}
テストしてみる‹/›

属性値

以下のテーブルはこの属性の値を説明しています。

説明
auto

最後の行はtext-alignの値に揃えられます、除非text-alignをjustifyに設定します。

start最後の行は行の先頭に揃えます(如果 text-direction が左から右の場合、左に揃えます;如果 text-direction が右から左の場合、右に揃えます)。
end最後の行は行の末尾に揃えます(如果 text-direction が左から右の場合、右に揃えます;如果 text-direction が右から左の場合、左に揃えます)。
left最後の行は左に揃えられます。
right最後の行は右に揃えられます。
center最後の行は中央に揃えられます。
justify最後の行は両端に揃えられます。
initialこの属性をデフォルト値に設定します。
inherit指定された場合、関連する要素は親要素のtext-align-lastの属性値。

ブラウザ互換性

text-align-last属性のブラウザの互換性、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョン番号を示します;すべての主要ブラウザはこの属性をサポートしています。

  • Firefox 12+ -moz-

  • Google Chrome35+

  • Internet Explorer 5。5以上

  • Apple Safari ×

  • Opera ×

さらに詳しく

以下のチュートリアルを参照してください:CSS Alignment

関連属性:text-aligntext-indenttext-justify