propriété clip CSS
Exemples
Recadrer une image:
img
{
position: absolute;
clip: rect (0px, 60px, 200px, 0px);
}
{
position: absolute;
clip: rect (0px, 60px, 200px, 0px);
}
Essayez »
Définition des attributs et des instructions
Si l'image est plus grande que les éléments qu'il contient, ce qui se passera? attribut -clip vous permet de spécifier un positionnement absolu des éléments, la taille doit être visible, l'élément est découpé en cette forme, et affichée.
Remarque :: Si "overflow: visible" avant, propriété clip ne fonctionne pas.
Par défaut: | auto |
---|---|
Héritage: | aucun |
Version: | CSS2 |
Syntaxe JavaScript: | objet .style.clip = "rect (0px,50px, 50px, 0px)" |
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
属性 | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
Valeur de la propriété
值 | 描述 |
---|---|
shape | 设置元素的形状。唯一合法的形状值是:rect (top,right,bottom,left) |
auto | 默认值。不应用任何剪裁。 |
inherit | 规定应该从父元素继承 clip 属性的值。 |
articles connexes
Tutoriel CSS: CSS Positionnement