CSS-kantbredd

CSS-kantbredd

border-width Egenskapen specificerar bredden för de fyra kanterna.

Bredd kan ställas in till en specifik storlek (med px, pt, cm, em), eller använda en av följande fördefinierade värden: tunn, medium eller tjock:

Exempel

Visa olika kantbredder:

p.one {
  border-style: solid;
  randbredd: 5px;
}
p.two {
  border-style: solid;
  randbredd: medium;
}
p.three {
  randstil: prickad;
  randbredd: 2px;
} 
p.four {
  randstil: prickad;
  randbredd: tjock;
}

Resultat:

5px randbredd

medium randbredd

2px randbredd

tjock randbredd

Prova själv

Bredd för specifika kanter

border-width Egenskapen kan ställa in ett till fyra värden (används för övre kant, högra kant, nedre kant och vänstra kant):

Exempel

p.one {
  border-style: solid;
  border-width: 5px 20px; /* Övre och nedre kant 5px, andra kanter 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* Övre och nedre kant 20px, andra kanter 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* Övre kant 25px, högra kant 10px, nedre kant 4px, vänstra kant 35px */
}

Prova själv