border-image-source 该属性规定<image>代替边框的样式。若此属性设置为none,使用边框样式代替。 语法 border-image-source: url(images.jpg); border-image-source: none; border-image-source: inherit; border-image-source: unset; border-image-source: linear-gradient(to top, red, yellow); ...
/* a gradient is used as image */ border-image-source: linear-gradient(to top, red, yellow); /* Global values */ border-image-source: inherit; border-image-source: initial; border-image-source: unset; 注意:虽然<image>CSS属性可以使用任何CSS,但浏览器支持仍然有限,某些浏览器仅支持使用url(...
border-image-source: linear-gradient(to top, red, yellow); border-image-source: inherit; 应用范围 border-image-slice属性可以应用在所有的元素上,除了border-collapse属性被设置为collapse的内部表格元素。 在线演示 这个元素的边框图像使用的是 这个元素的边框图像使用的是 下载源代码 浏览器支持 浏览器对border...
如果此属性设置为none,border-style则使用由其定义的样式。 /* no border-image, use the specified border-style */border-image-source: none; /* the image.jpg is used as image */ border-image-source: url(image.jpg); /* a gradient is used as image */ border-image-source: linear-gradient(...
.test { border: 10px solid; border-image: linear-gradient(red, yellow) 10; } 在这个例子中,绘制了一个线性渐变作为图像来替代边框样式,我们得到了一个渐变的边框效果。 对应的脚本特性为:borderImageSource。 兼容性: = 不支持 粉色= 部分支持
/* no border-image, use the specified border-style */border-image-source:none;/* the image.jpg is used as image */border-image-source:url(image.jpg);/* a gradient is used as image */border-image-source:linear-gradient(to top,red,yellow);/* Global values */border-image-source:inheri...
/* Keyword value */ border-image-source: none; /* <image> values */ border-image-source: url(image.jpg); border-image-source: linear-gradient(to top, red, yellow); /* Global values */ border-image-source: inherit; border-image-source: initial; border-image-source: revert; border-ima...
/* Keyword value */ border-image-source: none; /* <image> values */ border-image-source: url(image.jpg); border-image-source: linear-gradient(to top, red, yellow); /* Global values */ border-image-source: inherit; border-image-source: initial; border-image-source: revert; border-ima...
/* Keyword values */border-image-source:none;border-image-source:<image>;/* <image> values */border-image-source:url('image.png');border-image-source:url('svg-file.svg');border-image-source:<gradient>;/* <gradient> values */border-image-source:linear-gradient(to bottom left,lightblue,...
linear-gradient-calc-crash.html linear-gradient-currentcolor-first-line-ref.html linear-gradient-currentcolor-first-line.html local-attachment-content-box-scroll-ref.html local-attachment-content-box-scroll.html none-as-image-layer.htm order-of-images.htm scroll-positioned-multiple-background-images.ht...