Tutorial CSS - Formatarea textului
Tutorial CSS - Text
Culoarea textului se poate exprima ca si la culoarea de background in sistemul hexadecimal, RGB sau cu numele in engleza a culori respective.
| body { color: #efefef; } h1 { color: red; } p { color: rgb(255,0,0); } |
Cu ajutorul atributului body vom specifica culoarea intregului text continut in pagina cu exceptia cazului in care specificam altceva.
Alinierea textului
| h1 { text-align: center; } p { text-align: center; } |
In CSS ca si in HTML textul poate fi aliniat la dreapta, la stanga sau justificat (justified).
CSS - Decorarea si transformarea textului in CSS
Decorarea textului se foloseste atat pentru stabilirea cat si inlaturarea anumitor proprietati. Cel mai des intalnita este inlaturarea sublinieri linkurilor:
| a { text-decoration: none; } |
Alte valori folosite sunt
| h1 { text-decoration: overline; } h2 { text-decoration: line-through; } h3 { text-decoration: underline; } h4 { text-decoration: blink; } |
Folosind CSS putem transforma tot textul in majuscule in minuscule sau sa transformam prima litera a fiecarui cuvant in majuscula.
| p { text-transform: uppercase; } p { text-transform: lowercase; } p { text-transform: capitalize; } |
Tot aici voi mentiona si alinierea paragrafului (spatiu liber la inceputul randului)
| p { text-indent: 30px; } |
Comentarii
Trimite un comentariu!
