Manuales 
CSS Reference Property
border-image-source 5q1m31
The border-image-source property specifies the border-style properties and as an additional background layer for the element. 4v1226
If the value is none or if the image cannot be displayed (or the property doesn’t apply), the border styles will be used; otherwise the element’s borders are invisible and the border image is drawn as described by the border-image-repeat properties.
For a detailed explanation on how these properties work with the border-image-source property, see the border-image shorthand property’s entry.
Official Syntax 55184y
- Syntax:
border-image-source: none | <image> - Initial: none
- Applies To: All elements, except internal table elements when
border-collapseiscollapse - Animatable: no
Values 584j31
- none
- No border image is applied.
- <image>
-
See the
imageentry for a list of possible values.
Notes z5jo
Even though any url() functional notation.
Examples 3e5p5z
border-image-source: none; /* no border image, use the border styles defined by `border-style` */
border-image-source: url(path/to/some-image.png);
border-image-source: linear-gradient(to bottom, #333333, #eeeeee); /* a linear gradient is an <image> */
Live Demo 2x4j2k
See the border-image entry for a live demo.
Browser k5t66
CSS3 Border images 3z3y63
Method of using images for borders
W3C Candidate Recommendation
ed from the following versions:
Desktop 3n671n
- 51
- 50
- 11
- 38
- 9.1
Mobile / Tablet 4q224p
- 9.3
- 4.4
- No
- 66
- 60