propiedad de clip de CSS
Ejemplos
Recortar una imagen:
img
{
position: absolute;
el clip: rect (0 px, 60 píxeles, 200 píxeles, 0px);
}
{
position: absolute;
el clip: rect (0 px, 60 píxeles, 200 píxeles, 0px);
}
Trate »
Definiciones de atributos e instrucciones
Si la imagen es más grande que los elementos que contiene, ¿qué pasará? -clip atributo permite especificar un posicionamiento absoluto de los elementos, el tamaño debe ser visible, el elemento se corta en esta forma, y se muestra.
Nota :: Si antes "overflow: visible", propiedad de clip no funciona.
Por defecto: | auto |
---|---|
herencia: | no |
Version: | CSS2 |
la sintaxis de JavaScript: | objetar .style.clip = "rect (0 px,50 px, 50 px, 0px)" |
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
属性 | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
propiedad Valor
值 | 描述 |
---|---|
shape | 设置元素的形状。唯一合法的形状值是:rect (top,right,bottom,left) |
auto | 默认值。不应用任何剪裁。 |
inherit | 规定应该从父元素继承 clip 属性的值。 |
Artículos relacionados
CSS tutorial: Posicionamiento CSS