これは実験段階の機能です。
この機能は複数のブラウザで開発中の状態にあります。各ブラウザで用いるために、適切なベンダー接頭辞が必要な場合があります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザの将来のバージョンで変更になる可能性があることに注意してください。
概要
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
値
autotext-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 の値をサポートしていません。