Border-Style

Het begrip border-style is een onderdeel van een border en geeft de style van de rand aan.

Toepassen op:	Alles
Beginwaarde:	none
Waarden:	none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit

Het begrip border-style kan je ook verwerken in het begrip border, dat is ten sterkste aan te raden. Het is ook nog mogelijk om dit element op te splitsen in 4 delen naar, border-bottom-style, border-top-style, border-left-style en border-right-style maar hier kan je hem dan ook steeds weer beter samenvoegen met border-bottom, -top, -left en -right.

Voor sommige stijlen geldt dat er een minimalen dikte geldt om verschil te kunnen zien, hieronder vind je alle mogelijke stijlen die er zijn.

Voorbeeld:

border-style: solid;

none	Dit is de standaard waarde, er wordt geen rand weergeven zelfs niet als de border-width wel is ingesteld op een bepaalde dikte.
hidden	De border is er nu wel op de aangegeven dikte maar onzichtbaar.
dotted	Een rechte lijn bestaande uit allemaal stippen.
dashed	Een rechte lijn bestaande uit allemaal streepjes.
solid	Een rechte doorgaande lijn zonder onderbrekingen.
double	De buitenkaante van de border hebben een streepje. (minimale breedte voor verschil 3px)
groove	De rand wordt 3d weergeven door op sommige plekken de border wat lichter te maken. (minimale breedte voor verschil 2px)
ridge	Het zelfde als bij groove maar zijn de kleuren dan omgekeerd voor een omgekeerd 3d effect. (minimale breedte voor verschil 2px)
inset	De rand lijkt dieper te liggen met behulpen van lichter kleuren in de border.
outset	De rand lijkt hoger te liggen met behulpen van lichter kleuren in de border.
inherit	De waarde van het boven liggende element wordt aangehouden.