HTML DOM propiedad Estilo borderImage
Ejemplos
Designado como un borde alrededor del elemento de imagen div:
document.getElementById("myDIV").style.borderImage="url(border.png) 30 30 round";
Trate »
Definición y Uso
borderImage propiedad se establece borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset y borderImageRepeat propiedades propiedad abreviada.
los valores omitidos se establecen en sus valores por defecto.
Soporte para el navegador
Internet Explorer 11, Firefox, Opera 15, Chrome y Safari 6 de soporte propiedad borderImage.
Safari 5 es compatible con otra alternativa del atributo de propiedad que la propiedad webkitBorderImage.
gramática
Volver propiedades borderImage:
object .style.borderImage
Configuración de las propiedades borderImage:
object .style.borderImage="source slice width outset repeat|initial|inherit"
propiedad Valor
值 | 描述 |
---|---|
borderImageSource | 要用于绘制边框的图像的路径。 |
borderImageSlice | 图像边框的向内偏移。 |
borderImageWidth | 图像边框的宽度。 |
borderImageOutset | 边框图像区域超出边界框的量。 |
borderImageRepeat | 规定图像边框是重复拼接图块还是延伸图块。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
detalles técnicos
Por defecto: | Ninguno 100% 1 0 tramo |
---|---|
Devuelve: | Cadena que representa el elemento de propiedad border-image. |
versión CSS | CSS3 |
Artículos relacionados
CSS Referencia: propiedad border-Imagen