CSS border-links-kleur eigenschap
- vorige pagina border-left
- volgende pagina border-left-style
definitie en gebruik
border-left-color stelt de kleur van de linkermarge van het element in.
Men kan alleen puur kleur definiëren, en alleen wanneer de stijl van de rand geen none of hidden is, kan de rand verschijnen.
opmerking:Meld de eigenschap border-style altijd voor de eigenschap border-color. Het element moet de rand hebben voordat je de kleur verandert.
zie ook:
CSS handleiding:CSS rand
CSS referentiemanual:border-left eigenschap
HTML DOM referentiemanual:borderLeftColor eigenschap
voorbeeld
Instellen van de kleur van de linkermarge:
p { border-style:solid; border-left-color:#ff0000; }
CSS syntax
border-left-color: color|transparent|initial|inherit;
eigenschapswaarde
waarde | beschrijving |
---|---|
color_name | bepaalt de kleur van de rand met behulp van een kleurnaam (bijv. rood). |
hex_number | bepaalt de kleur van de rand met behulp van een hexadecimale waarde (bijv. #ff0000). |
rgb_number | bepaalt de kleur van de rand met behulp van rgb-code (bijv. rgb(255,0,0)). |
transparent | standaardwaarde. De kleur van de rand is transparant. |
inherit | bepaalt dat de kleur van de rand van het ouder element moet worden geërfd. |
technische details
standaardwaarde: | niet gespecificeerd |
---|---|
inheritance: | nee |
versie: | CSS1 |
JavaScript syntax: | object.style.borderLeftColor="blue" |
Meer voorbeelden
- Instellen van de kleur van de linkermarge
- Dit voorbeeld demonstreert hoe je de kleur van de linkermarge 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:Internet Explorer 6 (en oudere versies) ondersteunt de eigenschapswaarde "transparent" niet.
opmerking:Internet Explorer 7 en oudere browsers ondersteunen de waarde "inherit" niet. IE8 vereist !DOCTYPE. IE9 ondersteunt "inherit".
- vorige pagina border-left
- volgende pagina border-left-style