Proprietà di bordo abbreviate CSS

CSS Border - Proprietà Abbreviate

Come visto nel capitolo precedente, la gestione dei bordi richiede molte proprietà.

Per ridurre il codice, puoi anche specificare tutti gli attributi di bordo singoli in un singolo attributo.

border L'attributo è un'abbreviazione degli attributi di bordo seguenti:

  • border-width
  • border-style(Obbligatorio)
  • border-color

Esempio

p {
  border: 5px solid red;
}

Risultato:

Qualche testo

Prova da solo

Puoi anche specificare tutti gli attributi di bordo singoli per un lato:

Bordo sinistro

p {
  border-left: 6px solid red;
  background-color: lightgrey;
}

Risultato:

Qualche testo

Prova da solo

Bordo inferiore

p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}

Risultato:

Qualche testo

Prova da solo