Propriedade de estilo borderImageSlice
Exemplo
Especifique os deslocamentos internos da borda da imagem:
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
Definição e uso
A propriedade borderImageSlice especifica os deslocamentos internos da borda da imagem.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
borderImageSlice | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Olhe para a propriedade borderImage !
Sintaxe
Retorne a propriedade borderImageSlice:
object.style.borderImageSlice
Defina a propriedade borderImageSlice:
object.style.borderImageSlice = "number|%|fill|initial|inherit"
Valores de propriedade
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 |
Detalhes técnicos
Valor padrão: | 100% |
---|---|
Valor de retorno: | Uma String, representando a propriedade border-image-slice de um elemento |
Versão CSS | CSS3 |
Páginas relacionadas
Referência CSS: propriedade border-image-slice