Border-Image: Source

The border-image-source, is the URL of the image you want to use as your border image. For these images that you will use as a border, you would write:

1st BorderImage .diamond { border-image-source: url(../html_beg/images/border.png); }

2nd BorderImage

.gradient { border-image-source: url(../html_beg/images/border1.png); }
        3rd BorderImage .stamp { border-image-source: url(../html_beg/images/border2.png); }

Just as you can include gradients, base 64, gifs, jpegs, pngs, and even SVG images as background images, you can include all these image types as border images.

Back button Table of Contents Next button