tutoriais mais recente desenvolvimento web
 

Style borderImageSlice Property

<Estilo de objeto

Exemplo

Especifique os deslocamentos para dentro da imagem-border:

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
Tente você mesmo "

Definição e Uso

A propriedade borderImageSlice especifica os deslocamentos para dentro da imagem-fronteira.


Suporte navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A propriedade borderImageSlice não é suportado no Opera.

A propriedade borderImageSlice não é suportada no Internet Explorer 10 e anteriores.

A propriedade borderImageSlice não é suportado no Safari 5 e anteriores.

Olhe para o borderImage propriedade em vez!


Sintaxe

Devolver o imóvel borderImageSlice:

object .style.borderImageSlice

Defina a propriedade borderImageSlice:

object .style.borderImageSlice=" Valores de propriedade
Valor Descrição
number Os números representam pixels na imagem (if the image is a raster image) ou coordenadas vector (if the image is a vector image)
% As percentagens são em relação ao tamanho da imagem: a largura da imagem para os deslocamentos horizontais, a altura para deslocamentos verticais. O valor padrão é 100%
fill Faz com que a parte do meio do border-imagem a ser preservada
initial Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Detalhes técnicos

Valor padrão: 100%
Valor de retorno: A String, que representa a propriedade-image-slice borda de um elemento
CSS Versão CSS3

Páginas relacionadas

Referência CSS: border-image-slice property


<Estilo de objeto