La propriété de feuille de style css clip permet de spécifier la zone visible d'un élément.
La propriété de feuille de style ou css clip est généralement utilisée pour cacher une partie d'un élément.
Exemple de code :
.identifiant{
background-color:#CC0000;
width:200px;
height:200px;
clip: rect(0px, 50px, 50px, 0px);
position: absolute;
} la valeur de :
- auto, s'adapte au contenu,
- rect(v1, v2, v3, v4) : v1 début de la zone visible verticale, v2 fin de la zone visible horizontale, v3 fin de la zone visible verticale, v4 début de la zone visible horizontale. L'unité "%" ne semble pas être acceptée.
- inherit, hérite de son parent
La propriété de feuille de style css clip est applicable sur toutes les balises HTML ou XHTML de type display:block et de position:absolute.
La propriété de feuille de style css clip est applicable n'a pas d'équivalence en HTML.
La propriété de feuille de style clip css ne marche pas si la propriété de feuille de style css overflow est égale à visible.
Pose des problèmes si la propriété de feuille de style position n'est égale à absolute ou si la feuille de style height ou width est pas précisée.
Les versions d'Internet Explorer < 8 n'acceptent pas les virgules.
BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css clip.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.