Tematy: odstępy między wyrazami | odstępy między literami | odstępy między wierszami | dekoracja tekstu
transformacja tekstu | białe znaki | wyrównanie tekstu | wcięcie tekstu | kierunek tekstu
Dane w pigułce | |
Zastosowanie | zmienia wielkość liter |
Dziedziczenie | tak |
Wartości | capitalize, uppercase, lowercase, none |
Wartość domyślna | none |
Przykład | text-transform: uppercase |
Uwagi | |
Odpowiednik w HTML | brak |
Aby zdefiniować transformację tekstu, należy wpisać w definicji stylu text-transform : wartość
Możliwe są cztery rodzaje transformacji tekstu: pozostawienie bez zmiany (none), zamiana pierwszych liter wyrazów na wielkie (capitalize), zamiana wszystkich liter na wielkie (uppercase) i zamiana wszystkich liter na małe (lowercase).
<p style="text-transform: none">To jest jakiś przykładowy akapit. Poddamy go transformacjom.</p>
To jest jakiś przykładowy akapit. Poddamy go transformacjom.
<p style="text-transform: capitalize">To jest jakiś przykładowy akapit. Poddamy go transformacjom.</p>
To jest jakiś przykładowy akapit. Poddamy go transformacjom.
<p style="text-transform: uppercase">To jest jakiś przykładowy akapit. Poddamy go transformacjom.</p>
To jest jakiś przykładowy akapit. Poddamy go transformacjom.
<p style="text-transform: lowercase">To jest jakiś przykładowy akapit. Poddamy go transformacjom.</p>
To jest jakiś przykładowy akapit. Poddamy go transformacjom.
Interpretacja: Internet Explorer, Mozilla, Opera