We can use images to make borders.
When to use
Any time you want to make a border with an image, use this.
border: 10px solid transparent;
-webkit-border-image: url(border.png) 30 round;
-o-border-image: url(border.png) 30 round;
border-image: url(border.png) 30 round;
Hints & tips
- Border images are a little weird.
- They can be repeating (round) or stretched (stretch).
- Webkit is for specific browsers
- o-border is for safari
- border-image is for the opera web browser
Lesson notes are only available for subscribers.