Cerca articoli della Knowledge Base

Proprietà Border

Proprietà Border

La proprietà border definisce il bordo degli elementi HTML.

Sintassi completa

.box {
 border-width: 2px;
 border-style: solid;
 border-color: #333;
 
 /* Shorthand */
 border: 2px solid #333;
}

Stili di bordo disponibili

  • solid - linea continua
  • dashed - linea tratteggiata
  • dotted - linea punteggiata
  • double - doppia linea
  • groove, ridge, inset, outset - effetti 3D
  • none - nessun bordo

Border-radius

.rounded {
 border-radius: 10px; /* Tutti gli angoli */
 border-radius: 50%; /* Cerchio perfetto */
 border-radius: 10px 0 10px 0; /* Angoli specifici */
}

Hai trovato utile quest'articolo?

Articoli Correlati

  • Introduzione al CSS

    Introduzione al CSS Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile...

  • Selettori Css di Base

    Selettori Css di Base I selettori CSS permettono di identificare gli elementi HTML a cui applicare g...

  • Proprietà color e background

    Proprietà color e background Le proprietà color e background sono fondamentali per definire l'aspett...

  • Margin e Padding

    Margin e Padding Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chi...

  • Box Model CSS

    Box Model CSS Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappres...