Właściwość CSS text-align-last służy do określania sposobu wyrównania ostatniej linki tekstu. Poza tym drobnym szczegółem text-align-last działa analogicznie jak właściwość text-align.
Przyjmowane wartości text-align-last
text-align-last przyjmuje właściwości takie jak:
- auto – tekst ustawiony jak cała reszta – nic się nie zmienia.
- start – tekst na lewo jeśli piszemy od lewej do prawej i prawej, jeśli kierunek jest od prawej do lewej.
- end – tekst na prawo jeśli piszemy od lewej do prawej i prawej, jeśli kierunek jest od prawej do lewej.
- left – tekst na lewą stronię
- right – tekst na prawo
- center – wyśrodkowuje tekst
- justify – wyjustuje tekst
przykłady:
Cechy kontenera:
.demo{
border: 1px solid #333;
width: 334px;
height: auto;
text-align: center;
margin: 0 auto;
padding: 10px 5px;
line-height: 34px;
}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus.
text-align-last: left;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus.
.left{
text-align-last: left;
}
text-align-last: right;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus.
.right{
text-align-last: right;
}text-align-last: center;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus.
.center{
text-align-last: center;
}
text-align-last: justify;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus.
.justify{
text-align-last: justify;
}Interpretacja przez przeglądarki
| Właściowść | Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5 | 54.0 12.0 -moz- | nie wspiera | 34.0 |
źródła:
http://webkod.pl/kurs-css/wlasciwosci/wszystkie/text-align-last
https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last
W branży IT jestem już od 2007 roku. W tym czasie zajmowałam się głównie tematyką pozycjonowania i budowy stron internetowych. Hobbistycznie zajmuje się fotografią, podróżami (głównie tymi mikro). Interesuje się mitologią (Nordycką, Grecką i Rzymską) i historią.