Propriété clip de style

Définition et utilisation

clip Définir ou renvoyer la partie visible de l'élément positionné.

Voir également :

Tutoriel CSS :Positionnement CSS

Manuel de référence CSS :Propriété clip

Exemple

Exemple 1

Couper l'image en forme spécifiée :

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

Essayer par vous-même

Exemple 2

Renvoyer la propriété clip :

alert(document.getElementById("myImg").style.clip);

Essayer par vous-même

Syntaxe

Renvoyer la propriété clip :

object.style.clip

Définir la propriété clip :

object.style.clip = "auto|rect(haut droite bas gauche)|initial|inherit"

Valeur de l'attribut

Valeur Description
auto Par défaut. Ne pas couper l'élément.
rect(haut droite bas gauche) La coupe de la forme est définie par quatre coordonnées.
initial Rétablir cette propriété à sa valeur par défaut. Voir également initial.
inherit Cette propriété est héritée de l'élément parent. Voir également inherit.

Détails techniques

Valeur par défaut : Aucun
Valeur de retour : Chaîne qui représente la partie visible de l'élément de positionnement.
Version CSS : CSS2

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support