CSS Rand Breedte

CSS Rand Breedte

border-width De eigenschap specificeert de breedte van de vier randen.

De breedte kan worden ingesteld op een specifieke grootte (in px, pt, cm, em) of een van de volgende drie vooraf gedefinieerde waarden gebruiken: thin, medium of thick:

Voorbeeld

Demonstreer verschillende randbreedtes:

p.one {
  border-style: solid;
  randbreedte: 5px;
}
p.two {
  border-style: solid;
  randbreedte: gemiddelde;
}
p.three {
  randstijl: stipeld;
  randbreedte: 2px;
} 
p.vier {
  randstijl: stipeld;
  randbreedte: dik;
}

Resultaat:

5px randbreedte

gemiddelde randbreedte

2px randbreedte

dik randbreedte

Probeer het zelf

Breedte van specifieke randen

border-width De eigenschap kan één tot vier waarden instellen (voor bovenste rand, rechter rand, onderste rand en linker rand):

Voorbeeld

p.one {
  border-style: solid;
  border-width: 5px 20px; /* Bovenste en onderste rand 5px, andere randen 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* Bovenste en onderste rand 20px, andere randen 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* Bovenste rand 25px, rechter rand 10px, onderste rand 4px, linker rand 35px */
}

Probeer het zelf