CSS Borders. CSS Rounded Borders. Proprietatea border-radius.

Susține Lectii-Virtuale!

Frontierele rotunjite CSS (CSS Rounded Borders)

Proprietatea border-radius este utilizată pentru a adăuga borduri rotunjite la un element:



Exemplu:

p {
  border: 2px solid red;
  border-radius: 5px;
}

Notă: Proprietatea border-radius nu este acceptată în versiunile IE8 și anterioare.

Mai multe exemple:

Toate proprietățile top border într-o singură declarație.
Acest exemplu demonstrează o proprietate shorthand pentru setarea tuturor proprietăților pentru top border într-o singură declarație.

Setați stilul marginii de jos (bottom border).
Acest exemplu demonstrează cum să setați stilul marginii de jos (bottom border).

Setați lățimea marginii din stânga (left border).
Acest exemplu demonstrează modul de setare a lățimii marginii din stânga (left border).

Setați culoarea celor patru chenare (borders).
Acest exemplu demonstrează cum să setați culoarea celor patru chenare. Poate avea de la una la patru culori.

Setați culoarea marginii drepte (right border).
Acest exemplu demonstrează cum să setați culoarea marginii drepte (right border).