Propriedade Style clip

Definição e uso

clip Definir ou retornar qual parte do elemento posicionado está visível.

Veja também：

Tutorial CSS：Posicionamento CSS

Manual de referência CSS：Propriedade clip

Exemplo

Exemplo 1

Recortar a imagem na forma especificada：

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

Experimente você mesmo

Exemplo 2

Retornar a propriedade clip：

alert(document.getElementById("myImg").style.clip);

Experimente você mesmo

Sintaxe

Retornar a propriedade clip：

object.style.clip

Definir a propriedade clip：

object.style.clip = "auto|rect(superior direita inferior esquerda)|initial|inherit"

Valor do atributo

Valor Descrição
auto Padrão. Não recortar o elemento.
rect(superior direita inferior esquerda) Recortar a forma definida por quatro coordenadas.
initial Defina este atributo como seu valor padrão. Veja initial。
inherit Este atributo é herdado do elemento pai. Veja inherit。

Detalhes técnicos

Valor padrão： Nenhum
Retorno: String que representa a parte visível do elemento de posicionamento.
Versão do CSS: CSS2

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte