CSS border-links-breedte eigenschap
- vorige pagina border-left-style
- Volgende pagina border-radius
Definitie en gebruik
De border-left-width eigenschap stelt de breedte van de linkerkantbalk van het element in.
Het werkt alleen wanneer de stijl van de rand niet "none" is. Als de stijl van de rand "none" is, wordt de breedte van de rand effectief op 0 teruggezet. Negatieve lengtewaarden zijn niet toegestaan.
Opmerking:Verklaar altijd de border-style eigenschap voordat je de border-left-width eigenschap declareert. Een element kan zijn randbreedte alleen wijzigen nadat het een rand heeft verkregen.
Zie ook:
Handleiding:CSS rand
Referentie:CSS border-links eigenschap
Referentie:HTML DOM borderLeftWidth eigenschap
Voorbeeld
Instellen van de breedte van de linkerkantbalk:
p { border-style:solid; border-left-width:15px; }
CSS syntaxis
border-left-width: medium|thin|thick|length|initial|inherit;
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
thin | Definieert een dunne linkerkantbalk. |
medium | Standaardwaarde. Definieert een gemiddelde linkerkantbalk. |
thick | Definieert een dikke linkerkantbalk. |
length | Laat je toe om de breedte van de linkerkantbalk aan te passen. |
inherit | Bepaalt dat de breedte van de rand van het ouder-element moet worden geërfd. |
Technische details
Standaardwaarde: | medium |
---|---|
Inheritabiliteit: | nee |
Versie: | CSS1 |
JavaScript syntaxis: | object.style.borderLeftWidth="thick" |
Meer voorbeelden
- Instellen van de breedte van de linkerkantbalk
- Dit voorbeeld demonstreert hoe je de breedte van de linkerkantbalk instelt.
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".
- vorige pagina border-left-style
- Volgende pagina border-radius