CSS kantbredde

CSS kantbredde

border-width Egenskaben specificerer bredden af de fire kanter.

Kanttykkelsen kan indstilles til en bestemt størrelse (med px, pt, cm, em) eller bruge en af følgende tre prædefinerede værdier: thin, medium eller thick:

Eksempel

Vis forskellige kanttykkelser:

p.one {
  border-style: solid;
  kanttykkelse: 5px;
}
p.two {
  border-style: solid;
  kanttykkelse: medium;
}
p.three {
  kanttype: prikket;
  kanttykkelse: 2px;
} 
p.four {
  kanttype: prikket;
  kanttykkelse: tykkelig;
}

Resultat:

5px kanttykkelse

medium kanttykkelse

2px kanttykkelse

tykkelig kanttykkelse

Prøv det selv

Bredde af bestemte kanter

border-width Egenskaben kan indstilles til et til fire værdier (brugt til øverste kant, højre kant, nederste kant og venstre kant):

Eksempel

p.one {
  border-style: solid;
  border-width: 5px 20px; /* Øverste og nederste kant 5px, andre kanter 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* Øverste og nederste kant 20px, andre kanter 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* Øverste kant 25px, højre kant 10px, nederste kant 4px, venstre kant 35px */
}

Prøv det selv