CSS border-left-width ominaisuus
- edellinen sivu border-left-style
- Seuraava sivu border-radius
Määrittely ja käyttö
border-left-width-ominaisuus asettaa elementin vasemman reunan leveyden.
Toimii vain, jos reunan tyyli ei ole none. Jos reunan tyyli on none, reunan leveys palautetaan nollaan. Negatiivisia pituusarvoja ei ole sallittu.
Huomautus:Varmista, että border-left-width-ominaisuus määritellään ennen border-style-ominaisuutta. Elementti voi muuttaa reunansa leveyttä vain sen jälkeen, kun se on saanut reunan.
Katso myös:
Ohje:CSS reunat
Viittaus:CSS border-left ominaisuus
Viittaus:HTML DOM borderLeftWidth ominaisuus
Esimerkki
Aseta vasemman reunan leveys:
p { border-style:solid; border-left-width:15px; }
CSS-kieli
border-left-width: medium|thin|thick|length|initial|inherit;
Ominaisuusarvo
Arvo | Kuvaus |
---|---|
thin | Määrittelee, että vasemman reunan on oltava ohut. |
keskitetty | Oletusarvo. Määrittelee keskitetyn reunan. |
thick | Määrittelee, että vasemman reunan on oltava paksu. |
length | Mahdollistaa, että voit mukauttaa vasemman reunan leveyttä. |
inherit | Määrittelee, että reunan leveys tulisi perittää 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 mainitsevat ensimmäisen selaimen, joka tukee täysin kyseistä 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".
- edellinen sivu border-left-style
- Seuraava sivu border-radius