Właściwość CSS – text-align-last

Kategoria wpisu Kurs CSS, Kursy, PHP, HTML, CSS Tagi: , , , on przez .



Reading Time: 1 minute

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:

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.


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.


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.


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.

Interpretacja przez przeglądarki

WłaściowśćChromeIE / EdgeFirefoxSafariOpera
text-align-last47.05.554.0
12.0 -moz-
nie wspiera34.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

Przeczytaj również

Numerowanie wierszy (rows) tabeli Jakiś czas temu stanęłam przed nowym wyzwaniem jakim okazało się policzenie ilości wierszy w tabeli . Problem przed jakim stanęłam polegał na tym, że ...
Tworzenie przykładowego pliku w SASS Niestety przeglądarki internetowe nie są w stanie samodzielnie odczytać pliku typu SASS, aby to zinterpretować trzeba wygenerować na jego bazie plik C...
Rodzaje kursora myszy Czasami w celu uatrakcyjnienia witryny internetowej chcemy zmienić kształty kursora myszy. Nie potrzebujemy do tego wszędzie obecnego JS wystarczy nam...
Obramowanie na stronie – CSS Obramowanie (tzw. ramka) stanowi istotny element strony internetowej nie tylko w przypadku tabel, może ono np. stanowić bardzo ciekawą dekoracją (np. ...

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *