Proprietà border

La proprietà border imposta il colore, il tipo e lo spessore del bordo per tutti i lati contemporaneamente. È una proprietà abbreviata per border-width, border-style e border-color. A differenza delle proprietà abbreviate, non può impostare un bordo diverso per 4 lati contemporaneamente, ma solo lo stesso per tutti.

Sintassi

cssselettore {
  border: spessore tipo colore;
}

L'ordine dei valori delle proprietà non ha importanza.

Esempio

Creiamo un bordo nero per l'elemento con uno spessore di 1px:

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Vedi anche

  • proprietà border-left,
    che imposta il bordo sinistro
  • proprietà border-right,
    che imposta il bordo destro
  • proprietà border-top,
    che imposta il bordo superiore
  • proprietà border-bottom,
    che imposta il bordo inferiore
  • proprietà outline,
    che imposta un contorno per l'elemento
  • proprietà border-radius,
    che arrotonda gli angoli del bordo