Atributo Style borderImageSlice

Definición y uso

borderImageSlice Atributo que especifica el desplazamiento hacia adentro del borde de la imagen.

Vea también：

Manual de referencia de CSS：Atributo border-image-slice

Ejemplo

Especificar el desplazamiento hacia adentro del borde de la imagen：

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

Pruebe usted mismo

Sintaxis

Devolver el atributo borderImageSlice：

object.style.borderImageSlice

Configurar el atributo borderImageSlice：

object.style.borderImageSlice = "number|%|fill|initial|inherit"

Valor del atributo

Valor Descripción
number Número que representa píxeles en la imagen (si es una imagen raster) o coordenadas vectoriales (si es una imagen vectorial).
%

Porcentaje en relación con el tamaño de la imagen: el ancho de la imagen afecta el desplazamiento horizontal, y la altura afecta el desplazamiento vertical.

El valor predeterminado es 100%.
fill Mantener la parte central de la imagen del borde.
initial Establezca este atributo en su valor predeterminado. Consulte initial。
inherit Hereda este atributo de su elemento padre. Consulte inherit。

Detalles técnicos

Valor predeterminado： 100%
Valor devuelto： Cadena que representa el Atributo border-image-slice。
Versión de CSS： CSS3

Soporte del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 11.0 Soporte 6.0 15.0

Por favor, consulte Atributo borderImage¡!