Przejdź do treści
Strona główna » Kurs WordPress » CSS » Style CSS – Tekst

Style CSS – Tekst

    Poniższe właściwości stylów CSS służą do określania wyglądu tekstu. Można za ich pomocą zmienić kolor tekstu, odstępy pomiędzy znakami i wyrazami w tekście, wysokość wiersza, wyrównanie tekstu w poziomie i pionie, sposób dekoracji tekstu, wcięcie pierwszej linijki akapitu.

    Właściwość Wartości

    color

    (kolor tekstu)

    • kod szesnastkowy koloru (np. #00ff00)
    • wartości RGB koloru (np. rgb(123,111,121) )
    • angielska nazwa koloru (np. red, green, black)

     

    letter-spacing

    (odstępy pomiędzy znakami w tekście)

    • normal (normalne odstępy pomiędzy znakami, wartość domyślna)
    • wartość liczbowa w pikselach lub milimetrach (np. 2 px, -2 px, 8 mm)

     

    word-spacing

    (odstępy pomiędzy wyrazami w tekście)

    • normal (normalne odstępy pomiędzy wyrazami, wartość domyślna)
    • wartość liczbowa w pikselach lub milimetrach (np. 2 px, -2 px, 8 mm)
    line-height
    (wysokość wiersza)
    • normal (normalna wysokość wiersza, wartość domyślna)
    • wartość liczbowa bez jednostki (mnoży wartość domyślną przez wprowadzoną wartość), w pikselach, milimetrach (zastępuje wartość domyślną wprowadzoną wartością) lub procentach (wysokość linii w % w stosunku do obecnego rozmiaru czcionki)

     

    text-align

    (wyrównanie tekstu w poziomie)

    • left (wyrównuje tekst do lewej strony)
    • right (wyrównuje tekst do prawej strony)
    • center (wyrównuje tekst do środka)
    •  justify (wyrównuje tekst do obydwu stron)

     

    text-decoration

    (sposób dekoracji tekstu)

    • none (brak dekoracji)
    • underline (linia na dole tekstu – podkreślenie)
    • overline (linia na górze tekstu)
    • line-trough (przekreślenie tekstu)

     

    text-indent
    (wcięcie pierwszej linii w bloku tekstu)
    • wartość liczbowa w pikselach lub milimetrach (np. 2 px, 8 mm)

     

    vertical-align
    (pionowe wyrównanie tekstu)
    • baseline (wyrównanie tekstu do linii bazowej, wartość domyślna)
    • wartość liczbowa w pikselach, milimetrach lub procentach (podnosi lub opuszcza tekst o określoną wartość np. 2 px, -2 px, 8 mm)
    • text-top (wyrównanie tekstu w pionie do góry)
    • text-bottom (wyrównanie tekstu w pionie do dołu)
    • middle (tekst jest wyrównany do środka elementu nadrzędnego)
    • sub (wyrównanie do dolnego indeksu)
    • super (wyrównanie tekstu do górnego indeksu)

     

     

    style-css-tekst