CSS border-beneden-stijl eigenschap
- Vorige pagina border-bottom-right-radius
- Volgende pagina border-bottom-width
Definitie en gebruik
border-bottom-style stelt de stijl van de onderste border van het element in.
De border verschijnt alleen als deze waarde niet "none" is.
In CSS1 hoeft de HTML user agent alleen solid en none te ondersteunen.
Zie ook:
CSS handleiding:CSS rand
CSS referentiemanual:border-bottom eigenschap
HTML DOM referentiemanual:borderBottomStyle eigenschap
Voorbeeld
Stel de stijl van de onderste border in:
p { border-style:solid; border-bottom-style:dotted; }
CSS syntaxis
border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
none | Definieert een border zonder rand. |
hidden | Is hetzelfde als "none". Behalve wanneer het op een tabel wordt toegepast, voor tabellen wordt "hidden" gebruikt om borderconflicten op te lossen. |
dotted | Definieert een gepuncteerde border. Wordt in de meeste browsers weergegeven als een solide lijn. |
dashed | Definieert een gestippelde lijn. Wordt in de meeste browsers weergegeven als een solide lijn. |
solid | Definieert een solide lijn. |
double | Definieert een dubbele lijn. De breedte van de lijn is gelijk aan de waarde van border-width. |
groove | Definieert een 3D groef border. Het effect hangt af van de waarde van border-color. |
ridge | Definieert een 3D bult border. Het effect hangt af van de waarde van border-color. |
inset | Definieert een 3D inset border. Het effect hangt af van de waarde van border-color. |
outset | Definieert een 3D outset border. Het effect hangt af van de waarde van border-color. |
inherit | Stelt dat de borderstijl van de ouderweergave moet worden geërfd. |
Technische details
Standaardwaarde: | niet gespecificeerd |
---|---|
Inherits: | nee |
Versie: | CSS1 |
JavaScript syntaxis: | object.style.borderBottomStyle="dotted" |
Meer voorbeelden
- Stel de stijl van de onderste border in
- Dit voorbeeld demonstreert hoe je de stijl van de onderste border instelt.
Browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
- Vorige pagina border-bottom-right-radius
- Volgende pagina border-bottom-width