Atrybut text-transform w CSS

Definicja i użycie

text-transform właściwość kontroluje wielkość liter w tekście.

Opis

Ta właściwość zmienia wielkość liter w elementach, niezależnie od wielkości liter w tekście źródłowym. Jeśli wartością jest capitalize, niektóre litery mają być pisane z dużych liter, ale nie jest określone, jak określić, które litery mają być pisane z dużych liter, co zależy od tego, jak użytkownik agent识别出各个“词”.

Zobacz również:

CSS Tutorial:Tekst w CSS

HTML DOM Reference Manual:textTransform właściwość

Przykład

Przekształcanie tekstu w różnych elementach:

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}

Spróbuj sam

Wskazówki i komentarze

Komentarz:Różne użytkownicy mogą używać różnych metod do określenia, gdzie słowo zaczyna się, co odpowiada określeniu, które litery mają być pisane z dużych liter. Na przykład, tekst "w3-school" może być wyświetlony na dwa sposoby: "W3-school" i "W3-School". CSS nie określa, które z nich jest poprawne, więc oba są dopuszczalne.

CSS syntax

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

Wartość atrybutu

Wartość Opis
none Domyślnie. Definiuje standardowy tekst z małymi i dużymi literami.
capitalize Każde słowo w tekście zaczyna się od dużej litery.
uppercase Definiuje jedynie duże litery.
lowercase Definiuje brak dużych liter, jedynie małe litery.
inherit Definiuje, że wartość text-transform powinna być dziedziczona od elementu nadrzędnego.

Techniczne szczegóły

Domyślna wartość: none
Inheritance: yes
Wersja: CSS1
JavaScript syntax: object.style.textTransform="uppercase"

Więcej przykładów

Kontrolowanie wielkości liter w tekście
Ten przykład pokazuje, jak kontrolować wielkość liter w tekście.

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0