これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。
概要
text-align-last
CSS property describes how the last line of a block or a line, right before a forced line break, is aligned.
構文
Formal syntax: auto | start | end | left | right | center | justify
text-align-last: auto text-align-last: start text-align-last: end text-align-last: left text-align-last: right text-align-last: center text-align-last: justify text-align-last: inherit
値
auto
text-align
の値と同じ方向に配置されます。start
- 文字の並びが左から右であれば
left
、右から左であればright
と同じです。 end
- 文字の並びが左から右であれば
right
、右から左であればleft
と同じです。 left
- インライン要素は行ボックスの左端に配置されます。
right
- インライン要素は行ボックスの右端に配置されます。
center
- インラインコンテンツは行ボックスの中央に配置されます。
justify
- テキストは行末揃えになります。テキストは段落の端から端までに配置されるでしょう。
例
div { text-align: justify; -moz-text-align-last: center; text-align-last: center; }
仕様
仕様 | 状態 | コメント |
---|---|---|
CSS Text Level 3 The definition of 'text-align-last' in that specification. |
草案 |
ブラウザ実装状況
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
基本サポート | 未サポート WebKit bug 76173 |
12.0 (12.0)-moz | 5.5 | 未サポート | 未サポート WebKit bug 76173 |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
基本サポート | 未サポート WebKit bug 76173 |
12.0 (12.0)-moz | 6.0 | 未サポート | 未サポート WebKit bug 76173 |
Internet Explorer は start
と end
の値をサポートしていません。