Nasi wolontariusze nie przetłumaczyli jeszcze tego artykułu na język Polski. Dołącz do nas i pomóż go przetłumaczyć!
Można także przeczytać artykuł w języku: English (US).
The text-align-last
CSS property sets how the last line of a block or a line, right before a forced line break, is aligned.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Syntax
/* Keyword values */ 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; /* Global values */ text-align-last: inherit; text-align-last: initial; text-align-last: unset;
Values
auto
- The affected line is aligned per the value of
text-align
, unlesstext-align
isjustify
, in which case the effect is the same as settingtext-align-last
tostart
. start
- The same as
left
if direction is left-to-right andright
if direction is right-to-left. end
- The same as
right
if direction is left-to-right andleft
if direction is right-to-left. left
- The inline contents are aligned to the left edge of the line box.
right
- The inline contents are aligned to the right edge of the line box.
center
- The inline contents are centered within the line box.
justify
- The text is justified. Text should line up their left and right edges to the left and right content edges of the paragraph.
Formal syntax
auto | start | end | left | right | center | justify
Example
<p>Integer elementum massa at nulla placerat varius. Suspendisse in libero risus, in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque. Nullam est eros, suscipit sed dictum quis, accumsan a ligula.</p>
p { font-size: 1.4em; text-align: justify; text-align-last: center; }
Specifications
Specification | Status | Comment |
---|---|---|
CSS Text Module Level 3 The definition of 'text-align-last' in that specification. |
Working Draft | Initial definition |
Initial value | auto |
---|---|
Applies to | block containers |
Inherited | yes |
Media | visual |
Computed value | as specified |
Animation type | discrete |
Canonical order | the unique non-ambiguous order defined by the formal grammar |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Basic support | Chrome
Full support
47
| Edge Full support 12 | Firefox
Full support
49
| IE
Partial support
Partial
| Opera Full support Yes | Safari
No support
No
| WebView Android
Full support
47
| Chrome Android
Full support
47
| Edge Mobile Full support Yes | Firefox Android
Full support
49
| Opera Android Full support Yes | Safari iOS
No support
No
| Samsung Internet Android Full support 5.0 |
Legend
- Full support
- Full support
- Partial support
- Partial support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- See implementation notes.
- See implementation notes.
- User must explicitly enable this feature.
- User must explicitly enable this feature.
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.