CSS vasen-reuna-leveys-ominaisuus

Määrittely ja käyttö

border-left-width-ominaisuus asettaa elementin vasemman reunan leveys.

Toimii vain, jos reunan tyyli ei ole none. Jos reunan tyyli on none, reunaleveys asetetaan todellisuudessa 0:een. Negatiivisia pituusarvoja ei sallita.

Huomautus:Varmista, että border-left-width-ominaisuus ilmoitetaan border-style-ominaisuden jälkeen. Elementti voi muuttaa reunaleveyttään vasta, kun se on saanut reunan.

Katso myös:

Oppitunti:CSS reunat

Viittaus:CSS vasen-reuna-ominaisuus

Viittaus:HTML DOM borderLeftWidth ominaisuus

Esimerkki

Aseta vasemman reunan leveys:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
thin Määrittelee, että vasemman reunan tulee olla ohut.
keskitetty Oletusarvo. Määrittelee keskitetyn reunan.
thick Määrittelee, että vasemman reunan tulee olla paksu.
length Mahdollistaa, että voit mukauttaa vasemman reunan leveyttä.
inherit Määrittelee, että reunaleveys tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: keskitetty
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: object.style.borderLeftWidth="thick"

Lisää esimerkkejä

Aseta vasemman reunan leveys
Tämä esimerkki näyttää, miten voit asettaa vasemman reunan leveyden.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee täyttä ominaisuutta.

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

Huomautus:IE7 ja aikaisemmat selaimet eivät tue arvoa "inherit". IE8 vaatii !DOCTYPE. IE9 tukee "inherit".