.
  Kontrola nad tekstem
 

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.
 
   
 
Ta strona internetowa została utworzona bezpłatnie pod adresem Stronygratis.pl. Czy chcesz też mieć własną stronę internetową?
Darmowa rejestracja