English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Cortar un elemento. El único valor de forma válido es: rect(izquierda superior, derecha, inferior, izquierda). Donde, la parte superior e inferior especifican la cantidad de desplazamiento desde el borde superior del cuadro, mientras que la derecha e izquierda especifican la cantidad de desplazamiento desde el borde izquierdo del cuadro. La parte superior, derecha, inferior e izquierda pueden tener valores de longitud o auto. Se permite longitud negativa.
El atributo clip CSS define el área de recorte para elementos con posicionamiento absoluto. Pero, si seoverflowSi se establece el atributo en visible, no tendrá efecto.
La tabla a continuación proporciona una descripción de uso y un historial de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.
| Valor predeterminado: | auto |
|---|---|
| Aplícase a: | Elementos con posicionamiento absoluto |
| Herencia: | No |
| Animable: | Sí.Ver propiedades de animación. |
| Versión: | CSS 2、3 |
| Sintaxis de JavaScript: | object.style.clip="rect(0px,50px,50px,0px)" |
Advertencia:No utilice este atributo, ya que desde CSS3 Se ha desechado este atributo y se eliminará de las versiones futuras. A pesar de que ciertos navegadores pueden seguir apoyándolo.
La sintaxis de este atributo es la siguiente:
clip: shape | auto | initial | inherit
El siguiente ejemplo muestra cómo usar el atributo clip.
img {
position: absolute;
clip: rect(0px,50px,200px,10px);
}Ver el ejemplo‹/›La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| shape | Cortar un elemento. El único valor de forma válido es rect(top, right, bottom, left). En él, el superior y el inferior especifican el desplazamiento desde el borde superior del cuadro, mientras que el derecho e izquierdo especifican el desplazamiento desde el borde izquierdo del cuadro. top, right, bottom y left pueden tener valores de longitud o auto. Se permiten longitudes negativas. |
| auto | El elemento no se corta. Este es el valor predeterminado. |
| initial | Establecer este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado adopta el valor del atributo clip del elemento padre. |
Compatibilidad del navegador del atributo clip, los números en la tabla a continuación representan la versión más baja del navegador que admite esta propiedad; todos los navegadores principales admiten esta propiedad.
|
Consulte los siguientes tutoriales:Posición de CSS,Desbordamiento de CSS,Visualización de CSS.
Atributos relacionados:position,display,overflow,overflow-x,overflow-y.