Border-image | Plaatjes voor je borders met CSS3

Nog een superlijpe nieuwe feature in CSS3 is border-image. Met border-image kun je een plaatje gebruiken voor je borders. Deze nieuwe feature is vrij uitgebreid en je kunt alle bedenkbare onderdelen een plaatje meegeven.

Ik denk dat als CSS3 compleet geïntegreerd is, ik deze feature zeker ga gebruiken.

Hieronder zie je een overzicht van beschikbare opties:

Hoe gebruik je border-image

Om het plaatje te laten herhalen gebruik je het volgende:
border-image: url(border.png) 27 27 27 27 round round;

Je kunt er ook voor kiezen om het plaatje te laten meerekken, dat doe je als volgt:
border-image: url(border.png) 27 27 27 27 stretch stretch;

Browser support

Support

Support

no-support

Support

Support

Vorige Portfolio item

Meer nieuws items

Vorige Portfolio item

Nieuws