Propriedade do clipe de estilo
Exemplo
Recorte uma imagem em uma forma especificada:
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
Definição e uso
A propriedade clip define ou retorna qual parte de um elemento posicionado é visível.
Suporte ao navegador
Property | |||||
---|---|---|---|---|---|
clip | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Retorne a propriedade do clipe:
object.style.clip
Defina a propriedade do clipe:
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
Valores de propriedade
Value | Description |
---|---|
auto | Default. The element does not clip |
rect(top right bottom left) | Clips the shape defined by the four coordinates |
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: | auto |
---|---|
Valor de retorno: | Uma String, representando a parte de um elemento posicionado que é visível |
Versão CSS | CSS2 |
Mais exemplos
Exemplo
Retorne a propriedade do clipe:
alert(document.getElementById("myImg").style.clip);
Páginas relacionadas
Tutorial CSS: Posicionamento CSS
Referência CSS: propriedade do clipe
❮ Objeto de estilo