Esempio
Clip di un'immagine:
img
{
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Prova tu stesso " Definizione e utilizzo
Cosa succede se l'immagine è più grande rispetto al suo elemento contenente? - La proprietà di clip consente di specificare un rettangolo per ritagliare un elemento posizionato in modo assoluto. Il rettangolo è specificato come quattro coordinate, tutte dall'angolo in alto a sinistra dell'elemento da essere troncato.
Note: La proprietà clip non funziona se "overflow:visible" .
| Valore di default: | auto |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.clip="rect(0px,50px,50px,0px)" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
CSS Sintassi
clip: auto|shape|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| auto | Non verrà applicata alcuna clipping. Questa è l'impostazione predefinita | Gioca " |
| shape | Clip un elemento. L'unico valore valido è: rect ( top, right, bottom, left ) | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Posizionamento CSS
Di riferimento HTML DOM: clip property