În acest capitol, vom vorbi despre cum să creați o frontieră folosind un chenar CSS în jurul unui element. În HTML, această sarcină se afla pe umerii atributului de frontieră. Cu toate acestea, nu a putut fi aplicat fiecărui tag (element) și nu întotdeauna ar putea rezolva această idee de proiectare.
În CSS, această sarcină are aceeași proprietate de bază la frontieră și extinde semnificativ intervalul de posibilități atunci când lucrează cu stilul de margine al oricărui element (!) Afișat pe ecran.
Dacă în HTML frontiera ar putea fi doar o linie solidă în jurul elementului, atunci în CSS aceasta este deja o gamă destul de largă de posibile stiluri de cadre.
Proprietatea în stil de frontieră poate atribui unuia dintre următoarele stiluri de frontieră unui element.
- niciunul - fără margini (implicit).
- punctat - de la o serie de puncte.
- marginea punctată.
- solid - solid graniță
- dublă - dublă margine
- groove - margine "groove"
- creasta - creasta frontierei
- inset - frontiera
- început - frontieră extrudată
Stilul de frontieră pot fi specificate pentru toate laturile elementului la un moment dat, și pentru fiecare dintre laturile sale separat, în funcție de cât de mult valoarea atribuită stilului de proprietate graniță. Aceste valori pot fi unul până la patru în numărul elementului.
În fiecare dintre cele patru cazuri, există "reguli" pentru atribuirea unui stil de cadru la una sau cealaltă parte a elementului, care sunt enumerate în tabelul de mai jos: