Larghezza del bordo CSS

Larghezza del bordo CSS

border-width L'attributo specifica la larghezza di tutti e quattro i bordi.

Puoi impostare la larghezza su una dimensione specifica (in px, pt, cm, em) o utilizzare uno dei tre valori predefiniti seguenti: sottile, media o spessa:

Esempio

Mostra diverse larghezze di bordo:

p.one {
  border-style: solid;
  larghezza del bordo: 5px;
}
p.two {
  border-style: solid;
  larghezza del bordo: media;
}
p.three {
  stile del bordo: punteggiato;
  larghezza del bordo: 2px;
} 
p.four {
  stile del bordo: punteggiato;
  larghezza del bordo: spessa;
}

Risultato:

5px larghezza del bordo

media larghezza del bordo

2px larghezza del bordo

spessa larghezza del bordo

Prova personalmente

L'altezza specifica del bordo

border-width L'attributo può impostare da uno a quattro valori (usati per il margine superiore, destro, inferiore e sinistro):

Esempio

p.one {
  border-style: solid;
  border-width: 5px 20px; /* Margine superiore e inferiore 5px, altri margini 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* Margine superiore e inferiore 20px, altri margini 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* Margine superiore 25px, margine destro 10px, margine inferiore 4px, margine sinistro 35px */
}

Prova personalmente