Randkleur

Randkleur is een term uit de Nederlandse webdesign- en UI-praktijk die verwijst naar de kleur van de rand rond een element. In ontwerp en ontwikkeling wordt randkleur vaak gebruikt om elementen af te grenzen en visuele hiërarchie te creëren. In CSS wordt randkleur vastgelegd met de eigenschap border-color, die kan worden toegepast op alle vier de randen tegelijk of per zijde.

Met border-color kan één kleur worden ingesteld via border-color: #1e90ff, of randkleur per zijde bepalen met border-top-color, border-right-color, border-bottom-color en border-left-color. Een gangbare syntaxis is border-color: top right bottom left; of border-color: red green blue yellow. De randkleur werkt samen met andere rand-eigenschappen zoals border-width en border-style; zonder een zichtbare rand (bijvoorbeeld border-style: none) heeft de randkleur geen zichtbaar effect.

In de praktijk kan randkleur ook in SVG en andere grafische contexten voorkomen, maar in HTML/CSS-omgevingen verwijst randkleur meestal naar de kleur van de omtrek van een element. Randkleuren worden in moderne webbrowsers volledig ondersteund en worden vaak overwogen bij toegankelijkheidsaspecten, zoals het waarborgen van voldoende contrast met de achtergrond.

Zie ook: CSS border, border-color, border-width, border-style, border-top-color, border-left-color.