clip - CSS en Javascript

Définition du JS clip.

La propriétés Javascript clip permet de spécifier recadrer un élément.

oDomElement.style.clip = "rect(0, 10px, 20px, 30px)";
oDomElement.style.clip = "auto";

La propriété Javascript clip peut prendre toutes les valeurs de la propriété CSS clip.

La propriété clip renvoie en Javascript une valeur de type String :

• auto, par défaut pour la valeur calculée et vide pour la valeur locale.
• ou la rect(v1, v2, v3, v4) pour la valeur calculée ou la valeur spécifiée pour la valeur locale.
• v1 en px début de la zone visible verticale, v2 en px fin de la zone visible horizontale, v3 en px fin de la zone visible verticale, v4 en px début de la zone visible horizontale.

Exemple de code clip JS

Conditions d'application de la CSS clip.

La propriété Javascript clip s'applique dans les mêmes conditions que la propriété CSS clip

Problème d'interprétation de clip en JS.

Certains navigateurs renvoient pour la valeur calculée :
- rect(0px, 0px, 0px, 0px) au lieu de auto.
- un rect(v1 v2 v3 v4) sans virgule.
Sous Internet Explorer < 9 , la valeur inherit n'est pas acceptée.

Pour les problÚmes plus généraux non liés au Javascript, consultez la définition CSS de la propriété clip.

Compatibilités navigateurs

Votre avis sur la définition clip en JS