CSS atributi teksta
Atributi teksta obuhvataju podešavanja vezana za font i pasus.
color | Boja teksta. |
text-decoration | Vrsta podvlačenja teksta. |
text-transform | Transformacija u velika ili mala slova ili se povećava svako prvo slovo u tekstu. |
text-align | Poravnanje teksta u bloku. |
text-indent | Uvlačenje teksta. |
color
Atribut color definiše boju teksta. Jedina vrednost koja se zadaje je boja.
- boja - boja teksta
color: #48f;
text-decoration
Način podvlačenja teksta. Unapred definisane vrednosti su:
- none - slova bez linije
- underline - linija se nalazi ispod teksta (podvlačenje)
- overline - linija se nalazi iznad teksta (nadvlačenje)
- line-through - linija se iscrtava preko teksta (precrtavanje)
- blink - tekst se neprekidno pali i gasi
text-decoration: underline;
text-transform
Ovaj atribut određuje velika slova ispisa. Unapred definisane vrednosti su:
- none - slova bez promene
- capitalize - svako prvo slovo reči postaje veliko
- uppercase - sva slova pretvara u velika
- lowercase - sva slova pretvara u mala
text-transform: uppercase;
text-align
Zadaje se za blok unutar koga se nalazi tekst, odnosno inline elementi. Predstavlja horizontalno poravnanje teksta prema ivicama bloka.
- left - osnovna vrednost - tekst poravnat po levoj strani
- right - tekst poravnat po desnoj strani
- center - tekst je na sredini bloka - centriran
- justify - tekst poravnat po obe margine
text-align: justify;
text-indent
Uvlačenje prve linije teksta.
- pozitivna metrika - označava uvlačenje prve linije
- negativna metrika - kreira "viseće" uvlačenje
text-indent: 10pt;
text-indent: -1.5em;
Primer
Ovde vidimo par jednostavnih primera za korišćenje ovih atributa.
.s1 {
color: blue;
text-align: center;
text-transform: uppercase;
}
a {
color: #444;
text-decoration: none;
}
Svi elementi sajta Web'n'Study,
osim onih za koje je navedeno da su u javnom vlasništvu, vlasništvo su autora
i ne smeju se koristiti, u celosti ili delimično bez pismenog odobrenja autora.
To uključuje tekstove, slike, ilustracije, animacije, prateći grafički materijal i programski kod.
Ovaj sajt koristi tehnologiju kolačića (cookies).
Detaljnije o tome možete pročitati u tekstu o našoj politici privatnosti.