Style borderWidth ominaisuus

Määrittely ja käyttö

borderWidth Ominaisuus asettaa tai palauttaa elementin reunan leveyden.

Tämä ominaisuus voi käyttää yhtä tai neljää arvoa:

  • Yksi arvo, esimerkiksi: p {border-width: thick} - Kaikki neljä reunaa ovat paksuja
  • Kaksi arvoa, esimerkiksi：p {border-width: thick thin} - ylä- ja alapuolireunat paksut, sivureunat ohut
  • Kolme arvoa, esimerkiksi：p {border-width: thick thin medium} - yläreuna paksu, sivureunat ohut, alapuoli keskipaksu
  • Neljä arvoa, esimerkiksi：p {border-width: thick thin medium 10px} - yläreuna paksu, oikea reunaviiva ohut, alapuoli keskipaksu, vasen reunaviiva 10px

Lisäksi:

CSS -oppaasti:CSS-reunat

CSS -viittausopas:border-width-ominaisuus

HTML DOM -viittausopas:border-ominaisuus

Esimerkki

Esimerkki 1

Muuta <div>-elementin neljän reunan leveys:

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

Kokeile itse

Esimerkki 2

Muuta <div>-elementin ylä- ja alareunien leveys paksuksi ja sivureunien ohuiksi:

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

Kokeile itse

Esimerkki 3

Muuta <div>-elementin neljän reunan leveyttä käyttämällä mittäarvoja:

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

Kokeile itse

Esimerkki 4

Palauttaa <div>-elementin reunan leveyden:

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

Kokeile itse

Syntaksi

Palauta borderWidth-ominaisuus:

object.style.borderWidth

Aseta borderWidth-ominaisuus:

object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Arvo Kuvaus
thin Määritä ohut reuna.
medium Määritä keskipaksu reuna. Oletus.
thick Määritä paksu reuna.
length Reunan leveys mittinäytteellä.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi elementistä tätä ominaisuutta. Katso inherit.

Tekninen tarkistus

Oletusarvo: medium
Palautusarvo: Merkkijono, joka ilmaisee elementin reunan leveyden.
CSS versio: CSS1

Selaustuen

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki