Css Text-align-last Example
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.
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 definition
Initial value | auto |
---|---|
Applies to | block containers |
Inherited | yes |
Computed value | as specified |
Animation type | discrete |
Formal syntax
auto | start | end | left | right | center | justify
Examples
Justifying the last line
CSS
p {
font-size: 1.4em;
text-align: justify;
text-align-last: center;
}
Results
Specifications
Specification | Status | Comment |
---|---|---|
CSS Text Module Level 3 The definition of 'text-align-last' in that specification. | Candidate Recommendation | Initial definition |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
text-align-last | 47 | 12 | 49 12-53 | 5.5 ["IE only supports text-align-last when text-align is set to justify .", "The start and end values are not supported."] | 34 | No See WebKit bug 76173. | 47 | 47 | 49 14-53 | 34 | No See WebKit bug 76173. | 5.0 |
Comments
Post a Comment