outline-style
|
De outline-style eigenschap bepaalt de kleur van een outline om een element.
Een outline is een rand, die bedoeld is om een element in bepaalde situaties meer te laten opvallen. Je gebruikt een outline bijvoorbeeld om te laten zien dat een onderdeel van een formulier (zoals een tekstveld of een knop) de focus heeft (actief is).
Een outline heeft een aantal specifieke kenmerken, die vermeld zijn bij de beschrijving van de outline eigenschap.
Een outline heeft aan alle zijden dezelfde stijl.
Voorbeeld:
outline-style: dashed;
|
none
|
Er wordt geen outline weergegeven, ook niet als de outline-width eigenschap voor het element is gebruikt met een andere waarde dan "0".
|
dotted
|
De outline is een enkele vlakke lijn bestaande uit punten.
|
dashed
|
De outline is een enkele vlakke lijn bestaande uit streepjes.
|
solid
|
De outline is een enkele doorgaande vlakke lijn.
|
double
|
De outline is een dubbele doorgaande vlakke lijn.
De waarde die is opgegeven via de outline-width eigenschap heeft betrekking op de som van de twee lijnen en de tussenruimte.
|
groove
|
De outline heeft in de lengterichting een lichter en een donkerder deel en lijkt in de achtergrond gesneden te zijn.
|
ridge
|
De outline heeft in de lengterichting een lichter en een donkerder deel (precies omgedraaid als bij de waarde groove) en lijkt uit de achtergrond te komen.
|
inset
|
De outline suggereert dat het element in de achtergrond is opgenomen.
|
outset
|
De outline suggereert dat het element uit de achtergrond komt.
|
inherit
|
De waarde van het parent element wordt aangehouden.
|
