CSS3 Border Images CSS3

What is CSS Border image?

CSS uses a special Border image property to add an image boarder to particular elements.User doesn't need to manage to write any HTML code to call these boarder images.

A sample syntax of CSS boarder image is as follows −

The most frequently used values are listed below −

Values

Description

border-image-source

Used to set the image path

border-image-slice

Used to slice the boarder image

border-image-width

Used to set the boarder image width

border-image-repeat

Used to set the boarder image as rounded, repeated and stretched

Example

Below is the example which illustrates to set image as a border for elements

It will produce the following output −

What is CSS Border image?

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

CSS3 Topics