Een border rondom een afbeelding? Of een border rondom een tekstblok? Aan de hand van een voorbeeld leggen we je uit hoe je een border kunt aanpassen naar jouw eigen stijl. Standaard heeft de border-optie in CSS verschillende opties; solid, dotted en dashed. Wil je meer, maak dan je eigen border met een eigen gemaakte SVG border.

Wij hebben dit toegepast op diverse websites. De blokken op de homepage hebben de class border-box meegekregen en binnen deze class passen we het volgende toe wat zorgt voor de aangepaste border rondom de blokken:

CSS Border

Hier kun je uiteraard heel veel varianten op bedenken. Ook een interessante optie met CSS border is dat je een border niet altijd aan alle kanten hoeft weer te geven. Bijvoorbeeld met border-top-width style je alleen de border bovenaan. Met border-bottom-color style je alleen de kleur van de border aan de onderzijde. En zo heb je nog diverse variaties. Als je hier alles over wilt weten verwijzen we graag naar W3 Schools.

Ga naar de bovenkant