background-clip
background-clip 属性用于设置元素的背景(背景图片或颜色)是否延伸到边框区域、内边距区域、内容区域下面。
uni-app x 兼容性
| Web | Android | iOS | HarmonyOS | HarmonyOS(Vapor) |
| 4.0 | 3.9 | x | x | x |
拍平兼容性
| Android(Vapor) | iOS(Vapor) | HarmonyOS(Vapor) |
| x | x | x |
语法
示例源码如下,请查看 pre > code 标签中的内容
background-clip: <box>#;
值限制
background-clip 的属性值
| 名称 | 兼容性 | 描述 |
| border-box | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | 3.9 | x | x | x |
| 背景延伸到边框区域,被边框覆盖 |
| padding-box | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | x | x | x | x |
| 背景延伸到内边距(padding)区域,不会绘制到边框区域 |
| content-box | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | x | x | x | x |
| 背景仅绘制到内容区(content box)区域 |
默认值
border-box
参见