config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS text-transform

Definicja stylu, przeznaczenie i użycie text-transform

Styl text-transform kontroluje wielkość liter w tekście.

Wartości właściwości text-transform

Wartość Opis
capitalize Przekształca pierwszy znak każdego słowa na wielką literę.
uppercase Przekształca wszystkie znaki na wielkie litery.
lowercase Przekształca wszystkie znaki na małe litery.
none Bez wielkich liter. Tekst jest renderowany taki, jaki jest. Ustawienie domyślne.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS text-transform

text-transform: none | capitalize | uppercase | lowercase | initial | inherit;

Wsparcie przeglądarek dla właściwości text-transform

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
text-transform 1.0 4.0 1.0 1.0 7.0

 

Przykładowe zastosowania z właściwością text-transform

Kliknij wartości właściwości poniżej, aby zobaczyć wynik.

Właściwość CSS:
text-transform:

 
Rezultat:

Przekształcenie tekstu

Ten przykład ilustruje różne przekształcenia tekstu.

Kod CSS:
div {
    text-transform:none;
}
 

 

Przykłady właściwości text-transform

text-transform: uppercase;

text-transform: lowercase;

text-transform: capitalize;

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00