English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Couper un élément. La seule valeur de forme valable est: rect(haut, droite, bas, gauche). Dans ce cas, le haut et le bas spécifient l'offset à partir de la bordure supérieure de la boîte, tandis que la droite et la gauche spécifient l'offset à partir de la bordure gauche de la boîte. Le haut, la droite, le bas et la gauche peuvent avoir une valeur de longueur ou auto. Les longueurs négatives sont autorisées.
La propriété clip CSS définit la zone de coupe pour les éléments en position absolue. Mais si elle est définie suroverflowSi l'attribut clip est défini sur visible, il ne fonctionnera pas.
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | auto |
|---|---|
| Applicable à : | Éléments en position absolue |
| Héritage : | Non |
| Animable : | Oui.Voir les propriétés d'animation。 |
| Version : | CSS 2、3 |
| JavaScript Syntaxe : | object.style.clip="rect(0px,50px,50px,0px) |
Avertissement :Ne pas utiliser cette propriété, car depuis CSS3 Déjà obsolète, et supprimé de futures versions. Bien que certains navigateurs puissent encore le prendre en charge.
La syntaxe de cette propriété est la suivante :
clip: shape | auto | initial | inherit
Les exemples suivants montrent comment utiliser la propriété clip.
img {
position: absolute;
clip: rect(0px,50px,200px,10px);
}Vérifiez‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| shape | Couper un élément. La seule valeur de forme valable est rect(top, right, bottom, left). Dans ce cas, le haut et le bas spécifient le décalage à partir du bord supérieur de la boîte, tandis que le droit et le gauche spécifient le décalage à partir du bord gauche de la boîte. top, right, bottom et left peuvent avoir des valeurs de longueur ou auto. Permet des valeurs de longueur négatives. |
| auto | L'élément n'est pas coupé. C'est la valeur par défaut. |
| initial | Définir cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la valeur de la propriété clip de son élément parent. |
Compatibilité des navigateurs pour la propriété clip, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Veuillez consulter les tutoriels suivants :Position CSS，Débordement CSS，Affichage CSS。
Propriétés associées :position，display，overflow，overflow-x，overflow-y。