English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
剪辑一个元素。唯一有效的形状值是:rect(上、右、下、左)。其中，顶部和底部指定来自框的顶部边框边缘的偏移量，而右侧和左侧指定来自框的左侧边框边缘的偏移量。顶部、右侧、底部和左侧可以具有长度值或auto。允许负长度。
clip CSS属性定义绝对定位元素的剪切区域。但是，如果将overflowSe l'attributo è impostato su visible, non avrà alcun effetto.
La tabella sottostante descrive l'uso e la cronologia delle versioni di questa proprietà, nonché la sua sintassi di utilizzo nel script JavaScript.
| Valore predefinito: | auto |
|---|---|
| Applicabile a: | Elementi posizionati in modo assoluto |
| Ereditabile: | No |
| Animabile: | Sì.Visualizza le proprietà animate. |
| Versione: | CSS 2, 3 |
| Sintassi JavaScript: | object.style.clip="rect(0px,50px,50px,0px)" |
Attenzione:Non utilizzare questa proprietà, poiché è stata deprecata dal CSS3 e rimossa dalle versioni successive, anche se alcuni browser potrebbero ancora supportarla.
La sintassi di questa proprietà è la seguente:
clip: shape | auto | initial | inherit
Ecco un esempio di come utilizzare la proprietà clip.
img {
position: absolute;
clip: rect(0px,50px,200px,10px);
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| shape | Ritaglia un elemento. L'unica forma valida è rect(top, right, bottom, left). In cui, il top e il bottom specificano l'offset dal margine superiore del riquadro, mentre il right e il left specificano l'offset dal margine sinistro del riquadro. top, right, bottom e left possono avere valori di lunghezza o auto. È permesso usare lunghezze negative. |
| auto | L'elemento non viene ritagliato. Questo è il valore predefinito. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà clip dell'elemento genitore. |
Compatibilità dei browser per la proprietà clip: i numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.
|
Ecco la guida da consultare:Posizione CSS,Overflow CSS,Visualizzazione CSS.
Proprietà correlate:position,display,overflow,overflow-x,overflow-y.