Los últimos tutoriales de desarrollo web
 

Style borderImageSlice Property

<Estilo de objeto

Ejemplo

Especifique los desplazamientos hacia el interior de la imagen de las fronteras:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
Inténtalo tú mismo "

Definición y Uso

La propiedad borderImageSlice especifica los desplazamientos hacia el interior de la imagen de la frontera.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propiedad borderImageSlice no es compatible con Opera.

La propiedad borderImageSlice no es compatible con Internet Explorer 10 y anteriores.

La propiedad borderImageSlice no es compatible con Safari 5 y anteriores.

Mira el borderImage propiedad en lugar!


Sintaxis

Devolver la propiedad borderImageSlice:

object .style.borderImageSlice

Establecer la propiedad borderImageSlice:

object .style.borderImageSlice=" Valores de propiedad
Valor Descripción
number Los números representan píxeles de la imagen (if the image is a raster image) o las coordenadas del vector (if the image is a vector image)
% Los porcentajes son en relación con el tamaño de la imagen: el ancho de la imagen para los desplazamientos horizontal, la altura para las compensaciones verticales. El valor predeterminado es 100%
fill Hace que la parte media de la imagen-frontera para ser preservado
initial Establece esta propiedad a su valor por defecto. Lea acerca inicial
inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar

Detalles técnicos

Valor por defecto: 100%
Valor de retorno: Una cadena, que representa la propiedad border-image-rebanada de un elemento
Versión CSS CSS3

Páginas relacionadas

Referencia CSS: border-image-slice property


<Estilo de objeto