Toate proprietatiile unui text
| Property |
Description |
Values |
CSS |
| color |
Setează culoarea unui text |
color |
1 |
| direction |
Setează direcţia de text |
ltr
rtl
|
2 |
| line-height |
Setează distanţa dintre liniile |
normal
number
length
%
|
1 |
| letter-spacing |
Mărirea sau micşorarea spaţiului dintre caractere |
normal
length
|
1 |
| text-align |
Aliniază textul într-un element |
left
right
center
justify
|
1 |
| text-decoration |
Adauga decoratie unui text |
none
underline
overline
line-through
blink
|
1 |
| text-indent |
|
length
%
|
1 |
| text-shadow |
|
none
color
length
|
|
| text-transform |
Controleaza tipul de scriere |
none
capitalize
uppercase
lowercase
|
1 |
| unicode-bidi |
|
normal
embed
bidi-override
|
2 |
| vertical-align |
Setează alinierea pe verticală a unui element |
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%
|
1 |
| white-space |
|
normal
pre
nowrap
|
1 |
| word-spacing |
Mărirea sau micşorarea spaţiului dintre cuvinte |
normal
length
|
1 |
Acum sa luam cateva proprietati CSS pe rand, dupa care vom trece la lucruri mai avansate, si tot felul de artificii interesante.
1. CSS background:
Pentru a defini background-ul sunt acceptate:
- background-color (exemplu: background-color:#b0c4de;)
- background-image (exemplu: background-image:url(‘paper.gif’);)
- background-repeat (exemplu: background-repeat:repeat-x;) (repeat-x; repeat-y; no-repeat;)
- background-attachment (exemplu: background-attachment:fixed;)
- background-position (exemplu: background-position:top left;)
Toate proprietatile Background:
| Proprietate |
Descriere |
Valoare |
CSS |
| background |
Seteaza toate proprietatile intr-o singura declaratie CSS |
background-color
background-image
background-repeat
background-attachment
background-position
inherit
|
1 |
| background-attachment |
Seteaza daca o imagine este fixa, sau se misca odata cu pagina |
scroll
fixed
inherit
|
1 |
| background-color |
Seteaza culoarea de background a unui element |
color-rgb
color-hex
color-name
transparent
inherit
|
1 |
| background-image |
Seteaza o imagine de background unui element |
url(URL)
none
inherit
|
1 |
| background-position |
Seteaza pozitie de start a unei imagini |
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
inherit
|
1 |
| background-repeat |
Seteaza daca imaginea se va repeta pe fundal |
repeat
repeat-x
repeat-y
no-repeat
inherit
|
1 |
* Definitie: CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot atasa elementelor XHTML prin intermediul unor fisiere externe sau in cadrul documentului.
CSS se poate utiliza si pentru formatarea elementelor XML si SVGL.
* Sintaxa CSS este structurata pe trei nivele:
- inline - direct in sursa xhtml a paginii web (exemplu: <p style=”color:#000000; font-size:12px;”>Paragraf</p>)
- embedded - in header-ul paginii web (exemplu: <style type=”text/css”>p {color:#000000; font-size:12px;}</style>)
- external - intr-ul fisier extern atasat paginii web (<link rel=”stylesheet” type=”text/css” href=”style.css” />)
* Sintaxa CSS este urmatoarea:
p {color:red; font-size:14px;}
| Selector |
Proprietate |
Valoare |
Proprietate |
Valoare |
| p |
color: |
red; |
font-size: |
12px; |
