CSS border-beneden-breedte eigenschap

定义和用法

border-bottom-width 属性设置元素的下边框的宽度。

只有当边框样式不是 none 时才起作用。如果边框样式是 none，边框宽度实际上会重置为 0。不允许指定负长度值。

Opmerking:请始终在 border-bottom-width 属性之前声明 border-style 属性。元素只有在获得边框之后，才能改变其边框的宽度。

Zie ook:

CSS handleiding:CSS rand

CSS referentiemanual:border-bottom eigenschap

HTML DOM referentiemanual:borderBottomWidth eigenschap

Voorbeeld

Instellen van de breedte van de onderste border:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Probeer het zelf

CSS syntax

border-bottom-width: medium|thin|thick|length|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
thin Definieert een dunne onderste border.
medium Standaardwaarde. Definieert een gemiddelde onderste border.
thick Definieert een dikke onderste border.
length Laat je toe om de breedte van de onderste border aan te passen.
inherit Stelt dat de breedte van de border moet worden geërfd van de ouder-element.

Meer voorbeelden

Instellen van de breedte van de onderste border
Dit voorbeeld demonstreert hoe je de breedte van de onderste border instelt.

Technische details

Standaardwaarde: medium
Inheritantie: nee
Versie: CSS1
JavaScript syntax: object.style.borderBottomWidth="thick"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

Opmerking:IE7 en oudere browsers ondersteunen de waarde "inherit" niet. IE8 vereist !DOCTYPE. IE9 ondersteunt "inherit".