Właściwości tekstu w CSS
CSS zawiera wiele właściwości służących do formatowania tekstu. Na egzaminie INF.03 często trzeba rozpoznać, która właściwość odpowiada za konkretny efekt wizualny.
Najważniejsze właściwości
text-align- wyrównanie tekstu, np. do lewej, prawej, środka lub justowanie,text-indent- wcięcie pierwszego wiersza akapitu,text-transform- zmiana wielkości liter,text-decoration- dekoracja tekstu, np. podkreślenie lub przekreślenie,letter-spacing- odstępy między literami,word-spacing- odstępy między wyrazami,line-height- wysokość wiersza.
Przykłady
p {
text-align: justify;
text-indent: 30px;
line-height: 1.5;
}
.uppercase {
text-transform: uppercase;
}
.link {
text-decoration: underline;
}
Jak zapamiętać?
Właściwości zaczynające się od text- dotyczą wyglądu lub układu tekstu, ale każda ma inne zadanie. text-align odpowiada za położenie tekstu w poziomie, text-indent za wcięcie, text-transform za zmianę liter, a text-decoration za linie dodawane do tekstu.
Typowe zastosowanie
W praktyce właściwości tekstu stosuje się do poprawy czytelności strony, formatowania nagłówków, akapitów, linków i elementów menu. Warto znać ich nazwy, ponieważ różnice między nimi często pojawiają się w pytaniach testowych.