CSS3 border-image-repeat 属性

shengyin714959

于 2023-09-08 07:35:49 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： css3 前端 css

2377 篇文章 ¥19.90 ¥99.00

订阅专栏

CSS3的border-image-repeat属性用于定义边框图像的重复方式，如repeat、stretch或round。这个属性可以设置两个值来分别控制边框图像的边缘和中间部分。实例中展示了如何使用border-image-repeat属性创建重复边框图像。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置重复图像的方式：

div {
border-image-source: url(border.png);
border-image-repeat: repeat;
}

border-image-repeat 属性用于图像边界是否应重复（repeated）、拉伸（stretched）或铺满（rounded）。

提示:你可以查看 border-image 属性 (简写属性用于设置所有 border-image-* 属性)。

了解本专栏