English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Cortar um elemento. O único valor de forma válido é: rect(cima, direita, baixo, esquerda). Aqui, o topo e o fundo especificam o deslocamento a partir da borda superior do retângulo, enquanto o lado direito e o lado esquerdo especificam o deslocamento a partir da borda esquerda do retângulo. O topo, o lado direito, o fundo e o lado esquerdo podem ter valores de comprimento ou auto. Comprimentos negativos são permitidos.
O atributo clip CSS define a área de recorte para elementos com alinhamento absoluto. Mas, se ooverflowSe o atributo for definido como visible, ele não terá efeito.
A tabela a seguir fornece a descrição de uso e histórico de versão deste atributo, bem como a sintaxe de uso no script JavaScript.
| Valor padrão: | auto |
|---|---|
| Aplicável a: | Elementos com alinhamento absoluto |
| Herança: | Não |
| Animável: | Sim.Ver atributos de animação。 |
| Versão: | CSS 2、3 |
| Sintaxe do JavaScript: | object.style.clip="rect(0px,50px,50px,0px)" |
Aviso:Não use essa propriedade, pois desde o CSS3 A propriedade foi descontinuada e removida nas versões futuras. Embora alguns navegadores possam ainda suportá-la.
A sintaxe deste atributo é a seguinte:
clip: shape | auto | initial | inherit
O exemplo a seguir demonstra como usar o atributo clip.
img {
position: absolute;
clip: rect(0px,50px,200px,10px);
}Teste e veja‹/›A tabela a seguir descreve os valores deste atributo.
| Valor | Descrição |
|---|---|
| shape | Cortar um elemento. O único valor de forma válido é rect(top, right, bottom, left). Neste caso, o topo e o fundo especificam o deslocamento a partir da margem superior da caixa, enquanto o direito e o esquerdo especificam o deslocamento a partir da margem esquerda da caixa. top, right, bottom e left podem ter valores de comprimento ou auto. Permite comprimentos negativos. |
| auto | O elemento não é cortado. Este é o valor padrão. |
| initial | Defina esse atributo como seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o valor do atributo clip do elemento pai. |
Compatibilidade do navegador do atributo clip, os números na tabela a seguir representam a versão mais baixa do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.
|
Consulte a seguinte教程：Posição do CSS，Desbordamento do CSS，Exibição do CSS。
Atributos relacionados:position，display，overflow，overflow-x，overflow-y。