Estilo borderImageSlice Propiedad
Ejemplo
Especifique los desplazamientos internos del borde de la imagen:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
Definición y uso
La propiedad borderImageSlice especifica los desplazamientos internos del borde de la imagen.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
borderImageSlice | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
¡Observa la propiedad borderImage en su lugar!
Sintaxis
Devuelve la propiedad borderImageSlice:
object.style.borderImageSlice
Establezca la propiedad borderImageSlice:
object.style.borderImageSlice = "number|%|fill|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
number | Numbers represent pixels in the image (if the image is a raster image) or vector coordinates (if the image is a vector image) |
% | Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. Default value is 100% |
fill | Causes the middle part of the border-image to be preserved |
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: | 100% |
---|---|
Valor devuelto: | Una cadena, que representa la propiedad border-image-slice de un elemento |
Versión CSS | CSS3 |
páginas relacionadas
Referencia CSS: propiedad border-image-slice