CSS nie ogranicza się jedynie do wyboru czcionek. Dzięki stylom jesteśmy w stanie określić bardzo dużo właściwości tekstu, zaczynając od wcięć w akapicie a kończąc na odległości między literami (kerningu).
Teraz zajmiemy się kolejnym elementem CSS odpowiadającym bezpośrednio za wygląd tekstu
Element TEXT
WŁAŚCIWOŚCI |
WARTOŚCI |
TEXT - ALIGN
(wyrównanie tekstu) |
Right
Left
Center
Justify |
TEXT - TRANSFORM
(wielkość liter) |
None
Capitalize
Uppercase
Lowercase |
TEXT - DECORATION
(dekorowanie tekstu) |
Underline
Overline
Line-through
Blink
None |
TEXT - INDENT
(wcinanie tekstu) |
Długość określona w px, pt i procentach |
Teraz najlepiej będzie jeżeli stworzysz dowolną stronę html z dużą ilością tekstu i zaczniesz się bawić poznanymi elementami. Przypisuj tekstowi różne właściwości, w ten sposób lepiej poznasz poszczególne możliwości, np.
.tekst {
color:red;
font-family:verdana;
font-size:10pt;
text-decoration:underline;
text-align:center;
font-weight:bold;
}
Sporo tego, prawda? ))
Oczywiście zostało jeszcze kilka elementów o których należy wspomnieć. Przedstawiam już ostatnią tabelę z pozostałymi elementami których nie można było zamieścić wcześniej:
WŁAŚCIWOŚCI |
WARTOŚCI |
LINE-HEIGHT
(odstęp między wierszami) |
Normal
Dowolna wielkość wyrażona w procentach lub liczbie |
VERTICAL-ALIGN
(wyrównanie tekstu w pionie) |
Baseline
Sub
Super
Top
Text-top
Middle
Bottom
Text-bottom
Wielkość wyrażona w procentach |
WHITE-SPACE |
Normal
Pre
Nowrap |
LETTER-SPACING
(odstęp między literami) |
Normal
Dowolna długość |
WORD-SPACING
(odstęp między wyrazami) |
Normal
Dowolna długość |
I na tym kończy się druga część kursu poświęconego CSS. Jestem pewien, że użycie przynajmniej kilku zawartych tu elementów pozwoli Ci znacznie poprawić wygląd i przejrzystość Twojej (i tak już wypieszczonej  strony WWW.
|