Clip

(Pubblicità)

La proprietà clip permette di ritagliare un'immagine, mostrandone solo una parte.

Sintassi:

position:absolute;
clip: rect(top, right, bottom, left);

Rect indica che l'area da "tagliare" avrà la forma di un rettangolo. I valori di Top, right, bottom e left permettono di impostare l'area dell'immagine da visualizzare.

I valori possono essere espressi in pixel (px).

 

Es: clip: rect(5px, 400px, 45px, 5px);

 

Inoltre:

1. Clip è utilizzato insieme alla proprietà position con valore absolute.
2. Clip non funziona correttamente su Internet Explorer.

 

(Annunci Google)

 

Alcune caratteristiche della proprietà clip:

Non si tratta di un ritaglio vero e proprio, come quello che si potrebbe fare con un programma di fotoritocco.

Infatti, l'immagine viene scaricata intera dal browser dell'utente.

Perciò il peso dell'immagine non cambia, e le parti nascoste possono essere comunque viste dagli utenti.

 

Articoli e risorse su clip:

 

Creating Thumbnails Using the CSS Clip Property - sito in inglese
www.seifi.org

Misunderstood CSS Clip - sito in inglese
www.ibloomstudios.com/

 

 

(Annunci Google)