W języku CSS wartości: uppercase, lowercase, capitalize oraz none dotyczą właściwości
A. font-transform
B. text-align
C. font-style
D. text-transform
Właściwość text-transform w CSS służy dokładnie do sterowania wielkością liter w tekście, bez zmieniania samej treści w kodzie HTML. Wartości uppercase, lowercase, capitalize oraz none są jej typowymi wartościami. Przykładowo text-transform: uppercase; pokaże cały tekst wielkimi literami, text-transform: lowercase; małymi, a text-transform: capitalize; ustawi wielką pierwszą literę każdego wyrazu. Wartość none wyłącza takie przekształcenie i zostawia tekst tak, jak wynika z dokumentu oraz dziedziczenia stylów. W praktyce używa się tego np. w menu nawigacyjnym, nagłówkach, przyciskach albo etykietach formularzy, gdy projekt graficzny wymaga określonego zapisu. Moim zdaniem to lepsza praktyka niż wpisywanie tekstu w HTML od razu wielkimi literami, bo treść pozostaje semantycznie normalna, a wygląd kontroluje CSS. Tak właśnie powinno się rozdzielać strukturę dokumentu od prezentacji, zgodnie z dobrymi zasadami tworzenia stron WWW.
W tym pytaniu łatwo pomylić właściwości, bo kilka z nich zaczyna się od text albo font i wszystkie na pierwszy rzut oka kojarzą się z wyglądem tekstu. Jednak wartości uppercase, lowercase, capitalize oraz none nie dotyczą wyrównania tekstu ani kroju pisma, tylko przekształcania wielkości liter. Za to odpowiada właściwość text-transform. Jeśli wybierze się text-align, to wchodzi się w zupełnie inny obszar CSS: ta właściwość ustawia wyrównanie zawartości tekstowej w elemencie, np. left, right, center albo justify. Nie zmieni ona małych liter na wielkie, bo jej zadaniem jest pozycjonowanie tekstu w poziomie. Font-style też nie pasuje, ponieważ dotyczy stylu fontu, najczęściej normal, italic lub oblique. Używa się jej do uzyskania kursywy albo pochylenia, a nie do modyfikacji zapisu liter. Z kolei font-transform brzmi wiarygodnie, ale w standardowym CSS taka właściwość nie funkcjonuje jako poprawna właściwość do tych wartości. To typowa pułapka egzaminacyjna: nazwa wygląda logicznie, bo zawiera font i transform, ale przeglądarka nie zastosuje takiego stylu zgodnie ze standardem. Warto zapamiętać prostą zasadę: gdy chodzi o zmianę wizualnej postaci tekstu pod względem wielkości liter, szukamy text-transform. Gdy chodzi o ułożenie tekstu, text-align. Gdy chodzi o pochylenie liter, font-style. Takie rozróżnienie bardzo pomaga przy pisaniu czystego i przewidywalnego CSS-a.