Atribute esentiale pentru incadrarea continutului web:
margin – distanta intre border si marginea paginii;
border – marginea si cutia care incadreaza continutul;
padding – distanta intr border si continut;
content – continutul propriu-zis al paginii web (text, imagini, etc)
Exemplu de fisier CSS:
Css border reprezinta o bordura de jur-imprejurul continutului.
Valori border-style:
– none
– solid
– dotted
– dashed
– double
– groove
– ridge
– inset
– outset
Exemplu DEMO CSS:
CSS Border Color
Exemplu:
Atributul margin stabileste marginea dintre elementele unui continut web.
Exemplu:
margin: 30px 20px 30px 50px; (sus, dreapta, stanga, jos)
margin: 30px 20px 50px; (sus, dreapta si stanga, jos)
margin: 30px 20px (sus si jos, dreapta si stanga)
margin: 30px (sus jos dreapta si stanga)
Padding se refera la regiunea dintre continut si bordura (border). Vom stabili aceasta regiune in acelasi fel ca si la atributul margin, folosind:
– padding-top:10px;
– padding-bottom:10px;
– padding-right:20px;
– padding-left:20px;
Exemplu CSS: