CSS i właściwości tekstu

CSS i właściwości tekstu

Jedna z ważniejszych rzeczy dotyczących CSS i zarazem najczęściej używanych są właściwości tekstu. Jeśli chcesz się nauczyć czegokolwiek o CSS powinieneś zacząć właśnie od właściwości tekstu.

Właściwości tekstu;

Jest bardzo dużo rzeczy, które można modyfikować za pomocą kodu CSS. Jeśli chodzi o tekst do dyspozycji mamy takie rzeczy jak:

    • word-spacing
    • white-space
    • vertical-align
    • unicode-bidi
    • text-transform
    • text-shadow
    • text-indent
    • text-decoration
    • text-align
    • line-height
    • color
    • letter-spacing
    • direction

 

Przyjrzymy się każdej z tych opcji po kolei.

Właściwość word-spacing

Kontroluje odległość między wyrazami w tekście. Przykład dla akapitu:

p
{ 
word-spacing:20px;
}

Odległość między wyrazami ustawiona jest na 20 pikseli.

Właściwość white-space

Dzięki właściwości white space możliwe jest wyświetlenie kilku spacji obok siebie.

Właściwość letter-spacing

Dzięki właściwości letter-spacing możemy kontrolować odległość między literami w wyrazach. Można kontrolować akapit, nagłówki lub pojedyncze div

h1 {letter-spacing:3px}
h2 {letter-spacing:-4px}

Domyślnie nie ma odstępów między znakami. Jeśli chcesz dodać odstępy musisz dodać odpowiedni kod

Właściwość kolor

Tego chyba nie trzeba zbytnio wyjaśniać. Zdecydowanie najczęściej używana właściwość CSS.

body
{
color:blue;
}
h1
{
color:#00ff00;
}
p
{
color:rgb(0,0,255);
}

Na szczęście tutaj nie ma problemów z kompatybilnością z IE

Właściwość direction

Dzięki tej właściwości możemy określić kierunek tekstu.

div
{
direction:rtl;
}

Raczej mało przydatne w polskich warunkach, ale gdyby ktoś kiedyś chciał tworzyć stronę dla Arabów…


Comments are closed.