propriedade CSS clipe
Exemplos
Cortar uma imagem:
img
{
position: absolute;
clipe: rect (0px, 60px, 200px, 0px);
}
{
position: absolute;
clipe: rect (0px, 60px, 200px, 0px);
}
tente »
Atributo definições e instruções
Se a imagem for maior do que os elementos que ele contém, o que vai acontecer? atributo -Clip permite que você especifique um posicionamento absoluto de elementos, o tamanho deve ser visível, o elemento é cortado em esta forma, e exibido.
Nota :: Se antes "overflow: Visível", propriedade do clipe não funciona.
padrão: | automático |
---|---|
herança: | não |
versão: | CSS2 |
sintaxe JavaScript: | objeto .style.clip = "rect (0px,50px, 50px, 0px)" |
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
属性 | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
Valor de propriedade
值 | 描述 |
---|---|
shape | 设置元素的形状。唯一合法的形状值是:rect (top,right,bottom,left) |
auto | 默认值。不应用任何剪裁。 |
inherit | 规定应该从父元素继承 clip 属性的值。 |
artigos relacionados
CSS tutorial: Posicionamento CSS