Właściwość CSS text-align-last służy do określania sposób wyrównania ostatniej linki tekstu. Poza tym drobnym szczegółem text-align-last działa analogicznie jak zwykły text-align.
Przyjmowane wartości
- 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ą.