HTML DOM Style borderImageRepeat property
Examples
Specify how the image is repeated border:
document.getElementById("myDIV").style.borderImageRepeat="round";
try it"
Definition and Usage
borderImageRepeat property sets or returns the image frame is repeated or extended mosaic tile tile.
Browser Support
Opera does not support borderImageRepeat property.
Internet Explorer version 10 and earlier are not supported borderImageRepeat property.
Safari version 5 and earlier do not support borderImageRepeat property.
See borderImage property to replace it!
grammar
Back borderImageRepeat properties:
object .style.borderImageRepeat
Setting borderImageRepeat properties:
object .style.borderImageRepeat="stretch|repeat|round|initial|inherit"
Property Value
| 值 | 描述 |
|---|---|
| stretch | 默认值。图像被衍生以填充区域。 |
| repeat | 图像被重复拼接图块以填充区域。 |
| round | 图像被重复拼接图块以填充区域。如果图像填充区域的图块数为非整数，图像会被缩放使图块数刚好为整数。 |
| space | 图像被重复拼接图块以填充区域。如果图像填充区域的图块数为非整数，额外的空间会分布在各个图块上。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
technical details
| Defaults: | stretch |
|---|---|
| return value: | String representing the border-image-repeat attribute element. |
| CSS version | CSS3 |
related articles
CSS Reference: border-Image-REPEAT property