CSS3 精选
边框与背景

2005年8月26日

作者：Dave Hyatt

最新的 WebKit 构建现在完全支持三个新的 CSS3 属性，并部分支持一个。

border-image — WebKit 现在完全支持 CSS3 border-image 属性。此属性允许您将图像切割成九个部分（四个角、四个边和中心），并使用这些图像来渲染盒子的边框。您可以拉伸、平铺或将边和中间部分变圆。WebKit 甚至可以处理 spans 和 links 等内联流上的 border-image。

background-clip — background-clip 是一个新属性，它允许您将背景裁剪到边框、内容或内边距框。WebKit 也支持将此新属性作为 background 简写的一部分。此属性也适用于多重背景。

background-origin — background-origin 属性允许您控制背景的起始点，就 background-position 而言。您也可以选择边框、内边距或内容框。与 background-clip 一样，它可以在 background 简写中指定，并适用于多重背景。

border-radius — WebKit 现在支持透明边框的 border-radius。当与透明边框一起使用时，背景和边框图像都将应用圆角裁剪矩形渲染，因此您现在可以使用 border-image 或背景图像制作圆角盒子。对其他边框类型的支持即将推出。

通过这些更改，WebKit 实际上现在支持 CSS3 边框和背景草案的大多数内容。只剩下少数几个属性。