Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Grafika

Transformacja tekstu

Email Drukuj PDF

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 wyświetlania 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, Firefox, Opera, Chrome

 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 3546
Artykułów : 513
Zakładki : 28
Odsłon : 18222120