Stijl borderWidth eigenschap

Definitie en gebruik

borderWidth Deze eigenschap stelt in of retourneert de breedte van de rand van een element.

Deze eigenschap kan één tot vier waarden aannemen:

  • Een waarde, bijvoorbeeld: p {border-width: thick} - alle vier kanten zijn dik
  • 两个值，例如：p {border-width: thick thin} - 上下边框粗，左右边框细
  • Twee waarden, bijvoorbeeld: p {border-width: thick thin} - Boven- en onderrand dik, linker- en rechterrand dun
  • Drie waarden, bijvoorbeeld: p {border-width: thick thin medium} - Bovenrand dik, linker- en rechterrand dun, onderrand gemiddeld

Vier waarden, bijvoorbeeld: p {border-width: thick thin medium 10px} - Bovenrand dik, rechterrand dun, onderrand gemiddeld, linkerrand 10px

Meer lezen:CSS border

CSS Handleiding:CSS Referentiemanual:

border-width-eigenschapHTML DOM Referentiemanual:

border-eigenschap

Voorbeeld

Voorbeeld 1

Wijzig de breedte van de vier randen van het element <div>:

Probeer het zelf uit

Voorbeeld 2

Wijzig de breedte van de boven- en onderrand van het element <div> in dik en de breedte van de linker- en rechterrand in dun:

document.getElementById("myDiv").style.borderWidth = "thick thin";

Probeer het zelf uit

Voorbeeld 3

Gebruik lengtewaarden om de breedte van de vier randen van het element <div> te wijzigen:

document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";

Probeer het zelf uit

Voorbeeld 4

Retour de breedte van de rand van het element <div>:

alert(document.getElementById("myDiv").style.borderWidth);

Probeer het zelf uit

Syntaxis

Retour borderWidth-eigenschap:

object.style.borderWidth

Stel borderWidth-eigenschap in:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Waarde Beschrijving
thin Definieer een dunne rand.
medium Definieer een gemiddelde rand. Standaard.
thick Definieer een dikke rand.
length Breedte van de rand in lengte.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inheritere deze eigenschap van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: medium
Retourwaarde: Een string die de breedte van de elementenrand aangeeft.
CSS versie: CSS1

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support