CSS text-transform

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

CSS text-transform

Właściwość text-transform służy do zmiany sposobu wyświetlania wielkości liter w tekście. Nie zmienia treści zapisanej w kodzie HTML, a jedynie jej wygląd w przeglądarce.

Najważniejsze wartości

  • uppercase – zamienia tekst na wielkie litery,
  • lowercase – zamienia tekst na małe litery,
  • capitalize – zaczyna każde słowo wielką literą,
  • none – brak przekształcenia tekstu.

Przykład

h1 {
  text-transform: uppercase;
}

Jeżeli w HTML zapisano:

<h1>Strona główna</h1>

przeglądarka wyświetli tekst jako:

STRONA GŁÓWNA

Ważne na egzaminie

Wartość uppercase oznacza wielkie litery, a lowercase oznacza małe litery. To częsty element odpowiedzi w pytaniach o interpretację stylu CSS.