CSS tekst : CSS text

CSS tekst : CSS Text

Svojstva CSS teksta se nasljeđuju s roditelja na potomke.

Boja : Color

Css svojstvo color određuje boju teksta.

Koristimo slijedeći obrazac :

color: vrijednost;

Moguće vrijednosti su:

naziv boje (engleski nazivi): npr. green, yellow, blue

heksadecimalna RGB vrijednost: npr. #FFFF00, #00CC00...

RGB kôd boje – npr. rgb(0, 255, 0), rgb(0, 128, 128)

Školuješ se za web dizajn? Nastavi!

Poravnanje teksta : Text Align

Svojstvo text-align određuje način poravnanja teksta. Moguća poravnanja teksta su lijevo, desno, središnje ili obostrano (engl. justify).

Koristimo slijedeći obrazac:

text-align: vrijednost;

Moguće vrijednosti su:

left

right

center

justify

Ukrašavanje teksta : Text Decoration

Svojstvo text-decoration omogućava postavljanje crte ispod, iznad ili posred teksta, odnosno isključuje podcrtavanje teksta. Vrijednost blink postavlja treptanje teksta. Ovo svojstvo ne radi u svim web preglednicima.

Koristimo slijedeći obrazac:

text-decoration: vrijednost;

Moguće vrijednosti su:

none

underline

overline

line-through

blink

Uvlaka teksta : Text Indent

Svojstvo text-indent postavlja uvlaku prvog retka teksta.

Obrazac je slijedeći:

text-indent: vrijednost;

Moguće vrijednosti su:

duljina

postotak širine roditeljskog elementa

Razmak između slova : Letter Spacing

Svojstvo letter-spacing određuje razmak između slova. Postavljanje vrijednosti na 0 sprječava obostrano poravnanje teksta. Moguće je koristiti i negativne vrijednosti.

Koristimo slijedeći obrazac:

letter-spacing: vrijednost;

Primjer:

Ova su slova razmaknuta 8px.

Razmak između riječi : Word Spacing

Svojstvo word-spacing određuje razmak između riječi. Moguće je koristiti i negativne vrijednosti.

Koristimo slijedeći obrazac:

word-spacing: vrijednost;

Primjer:

Ove riječi su razmaknute 12px.

Pretvorba teksta : Text transform

Svojstvo text-transform nadzire veličinu (mala / velika slova) slova u HTML elementu.

Koristimo slijedeći obrazac:

text-transform: vrijednost;

Moguće vrijednosti su:

none

capitalize

lowercase

uppercase

Prazan prostor : White Space

Svojstvo white-space upravlja ispisom praznog prostora u html elementu.

Koristimo slijedeći obrazac:

white-space: vrijednost;

Moguće vrijednosti su:

normal

pre

nowrap