border-image CSS 属性在给定元素的周围绘制图像，取代元素的常规 边框。 备注： 你应该另外指定 border-style 以防边框图像没能加载。 虽然规范并没有严格要求这一点，但当 border-style 为 none 或 border-width 为 0 时，某些浏览器不会渲染边框图像。 此属性为以下 CSS 属性的简写： border-image 属性可以用下面列出的 1 到 5 个值中的任意值指定。 备注： 如果 border-image-source 的 计算值 为 none，或图像无法显示，则将显示 border-style。 源图像。 见 border …

2024年10月22日 · The border-image CSS property draws an image around a given element. It replaces the element's regular border. Note: You should specify a separate border-style in case the border image fails to load. Although the specification doesn't strictly require it, some browsers don't render the border image if border-style is none or border-width is 0.

The border-image property allows you to specify an image to be used as the border around an element. The border-image property is a shorthand property for: border-image-source; border-image-slice; border-image-width; border-image-outset; border-image-repeat; Omitted values are set to their default values. Show demo

border-image 属性是一个简写属性，用于设置以下属性： border-image-source; border-image-slice; border-image-width; border-image-outset; border-image-repeat; 如果省略值，会设置其默认值。 提示： 请使用 border-image-* 属性来构造漂亮的可伸缩按钮！ 另请参阅： CSS3 教 …

2021年2月15日 · CSS3的border范围内有border-radius、box-shadow，border-image三个属性，另外网上有些资料把border-color属性的多边框色也归到css3，不过经测试只有firefox支持，并且要加-moz-私有属性，然后去w3.org，去翻阅资料，没发现有介绍这个多边框色的属性，总结下来，应该是火狐的 ...

2017年9月1日 · border-image与此类似，border-image包括图片，剪裁位置（与background位置一样，也是数值，也支持百分值），重复性。 例如：border-image:url(border.png) 27 repeat; 指的就是图片(url(border.png))，剪裁位置(27)，重复方式(repeat)。

border-image属性是速记属性用于设置 border-image-source, border-image-slice, border-image-width, border-image-outset 和border-image-repeat 的值。 省略的值设置为它们的默认值。

2024年12月17日 · 在CSS中，border-image属性可以用来为HTML元素的边框添加图片。 这个属性允许你使用图片作为边框，并且可以自定义图片的切片方式以及边框的宽度。 border-image属性是一个简写属性，用于设置以下属性： border-image-source: 定义边框图片的路径。

CSS border-image 属性允许您指定要使用的图像，而不是包围普通边框。 该属性有三部分： 我们将使用这幅图像（"border.png"） border-image 属性接受图像，并将其切成九部分，就像井字游戏板。 然后，将拐角放置在拐角处，并根据您的设置重复或拉伸中间部分。 注意： 为了使 border-image 起作用，该元素还需要设置 border 属性！ 此处，重复图像的中间部分以创建边框： 图像作为边框！ 这是代码： 此处，图像的中间部分被拉伸以创建边框： 图像作为边框！ 这是代码： …

border-image 會畫一個額外的背景圖片在原來 background-image 指定的背景圖片之上。 不顯示圖片，使用邊框樣式。 圖片值是一個 <uri>，例： url(http://example.org/image.png)。 一個、兩個、三個、四個分別代表從頂邊、右邊、底邊、左邊從圖片外圍到切圖線的距離，將圖片切為九塊：四個角、四個邊跟一個中間部份。 一個值的話，該值用於圖片的全部四個邊。 兩個值得話，值用於：一、頂邊與底邊 二、右邊與左邊。 三個值的話，值用於：一、頂邊 二、右邊與左邊 三、底 …