właściwość tekstu tekstowego w CSS

Tekst jest jedną z najważniejszych części każdej strony internetowej. Każda strona internetowa ma tekst w obu formularzach I.mi. może to być akapit, nagłówki itp. Dlatego CSS zapewnia szeroki zakres właściwości tekstu do stylizacji i formatowania tekstu, takiego jak align tekstowy, kolor, transforma tekstowa itp.

Wszystkie te właściwości wykonują różne funkcje, na przykład tekst tekstu określa wyrównanie tekstu i.mi. środkowy, prawy, lewy itp. Właściwość w kolorze tekstu ustawia kolor tekstu i.mi. czerwony, zielony itp., i tak dalej. Jednak ten zapis koncentruje się na właściwości transformacji tekstowej.

Ten zapis przedstawia szczegółowy przegląd właściwości tekstowej wraz z kilkoma przykładami.

właściwość tekstu tekstowego

Najczęściej używana właściwość CSS, która określa wygląd tekstu w kategoriach tekstu I.mi. czy tekst będzie w dolnej, czy górnej sprawie. Ponadto można go również wykorzystać do kapitalizacji początkowego charakteru każdego słowa.

Działanie następujących wartości zostanie omówione w tym artykule za pomocą przykładów:

• duże litery: Przekształca wszystkie znaki tekstu w wielki poziom.
• małe litery: Przekształca wszystkie znaki tekstu w małe litery.
• skapitalizować: Przekształca początkowy charakter każdego słowa w literę.
• nic: Pokazuje domyślne zachowanie właściwości tekstowej i.mi. tekst będzie wyświetlany w taki sam sposób, jak jest napisany.

Jak używać wartości wielkiej dla właściwości transformacji tekstowej

Wartość wieloletnich przekształca wszystkie znaki w górach

Przykład
W tym przykładzie tekst jest mieszanką zarówno wielkich, jak i małych liter. Jednak przypisanie wartości wielkiej do właściwości transformowania tekstu przekształci każdą pojedynczą literę w wielki poziom:

Html

Właściwość transformacji tekstu

To jest pierwszy akapit

To jest drugi akapit

To trzeci akapit

CSS

Otrzymamy następujące dane wyjściowe:

Każda litera jest przekształcana w wielką literę.

Jak używać małej wartości dla właściwości transformacji tekstowej

Przekształci każdą postać tekstu na niższą obudowę.

Przykład

W poniższym kodzie pierwsza litera każdego słowa jest literą kapitałową, jednak przypisanie małej wartości właściwości transformacji tekstowej przekształci cały tekst w małe litery:

Html

Właściwość transformacji tekstu

To jest pierwszy akapit

To jest drugi akapit

To trzeci akapit

CSS

Powyższy kod generuje następujące dane wyjściowe:

Każda litera jest przekształcana w małą literę.

Jak używać kapitalizacji wartości dla właściwości transformacji tekstowej

Jak sama nazwa sugeruje, kapitalizowało pierwszą literę każdego słowa. Poniższy przykład pokaże działanie wartości kapitalizacji.

Przykład

W poniższym skrypcie każda litera dokumentu jest małymi literami, a wartość Capitaize jest wykorzystywana dla elementu H2, więc przekonwertuje pierwszą literę każdego słowa na kapitał:

Html

właściwość transformacji tekstu

To jest pierwszy akapit

To jest drugi akapit

To trzeci akapit

CSS

Powyższy kod generuje następujące dane wyjściowe:

Pierwsza litera każdego słowa zostaje przekształcona w literę.

Jak używać żadnej wartości dla właściwości transformacji tekstowej

nic Wartość zapobiega transformacji tekstu i transformacji tekstu i.mi. renderuje wszystkie postacie, jakie są. Poniższy przykład pozwoli ci zrozumieć, jak użyć „nic„Wartość dla właściwości transformowania tekstu.

Przykład

Poniższy element kodu implementuje właściwość tekstu tekstowego na elemencie P, H2:

Html

Właściwość transformacji tekstu

To jest pierwszy akapit

To jest drugi akapit

To trzeci akapit

CSS

Powyższy kod nie zmieniłby wyglądu tekstu:

Cały tekst pozostaje niezmieniony.

Wniosek

CSS zapewnia właściwość tekstu tekstowego do kontrolowania transformacji tekstu i.mi. małe i wielkie znaczenie przekonwertują wszystkie litery odpowiednio na małe i wielkie, a wartość Brak renderuje tekst w domyślnym przypadku. Własność kapitaliza.

Ten zapis wyjaśnia, jak korzystać z właściwości transformacji tekstowej. Jakie są wartości, które można użyć dla właściwości transformacji tekstowej i jak te wartości wpływają na wygląd tekstu?