Estilo borderImage Propiedad
Ejemplo
Especifique una imagen como borde alrededor de un elemento <div>:
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
Definición y uso
La propiedad borderImage es una propiedad abreviada para establecer las propiedades borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset y borderImageRepeat .
Los valores omitidos se establecen en sus valores predeterminados.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de Webkit, Moz u O especifican la primera versión que funcionó con un prefijo.
Property | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0 Webkit |
11.0 | 15.0 3.5 Moz |
6.0 3.1 Webkit |
15.0 11.0 O |
Sintaxis
Devuelve la propiedad borderImage:
object.style.borderImage
Establezca la propiedad borderImage:
object.style.borderImage = "source slice width outset repeat|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
borderImageSource | The path to the image to be used as a border |
borderImageSlice | The inward offsets of the image-border |
borderImageWidth | The widths of the image-border |
borderImageOutset | The amount by which the border image area extends beyond the border box |
borderImageRepeat | Whether the image-border should be repeated, rounded or stretched |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | ninguno 100% 1 0 estiramiento |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad de imagen de borde de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad border-image