clip

La proprietà clip permette la visualizzazione di una sola porzione di un'immagine.

La sintassi è la seguente:

img
{
    clip: Rect(0px 200px 200px 0px);
}

Visualizza 200 pixel in orizzontale ed in verticale delle immagini.

Per logica sarebbe bene assegnare una classe alle immagini a cui applicare lo stile, in modo da non applicarlo anche ad immagini per cui l'effetto non è desiderato, come nell'esempio che segue:

img.NomeClasse
{
    clip: Rect(0px 200px 200px 0px);
}

All'interno dell'elemento "clip" si possono applicare, oltre ai valori numerici espressi in pixel o in percentuale, anche i valori speciali "Auto" ed "Inherit".

Supporta i seguenti valori:

• Rect - visualizza l'immagine in formato quadrato;
• Circle - visualizza l'immagine in formato rotondo;
• Polygon - visualizza l'immagine in formato non omogeneo.

Sostituisce, in qualche modo, l'elemento "mappa di immagine" dell'HTML, pur non permettendo, direttamente, di impostare dei link.