Atributo estilo borderImageSlice

Definição e uso

borderImageSlice Atributo define o deslocamento interno da borda da imagem.

Veja também：

Manual de referência CSS：Atributo border-image-slice

Exemplo

Define o deslocamento interno da borda da imagem:

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

Experimente você mesmo

Sintaxe

Retornar borderImageSlice atributo：

object.style.borderImageSlice

Definir borderImageSlice atributo：

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

Valor do atributo

Valor Descrição
number Número, que representa o pixel na imagem (se for uma imagem raster) ou o coord. vetorial (se for uma imagem vetorial).
%

Porcentagem relativa ao tamanho da imagem: a largura afeta o deslocamento horizontal, e a altura afeta o deslocamento vertical.

O valor padrão é 100%.
fill Manter a parte central da imagem da borda.
initial Defina este atributo para seu valor padrão. Veja também initial。
inherit Herda este atributo do elemento pai. Veja também inherit。

Detalhes técnicos

Valor padrão: 100%
Retorno: Cadeia de caracteres, que representa o Atributo border-image-slice。
Versão do CSS： CSS3

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou completamente essa propriedade pela primeira vez.

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

Verifique aqui Propriedade borderImage!