CSS - clip
La description
La propriété clip définit la zone à l'extérieur de laquelle le contenu d'un élément positionné de manière absolue n'est pas visible.
Valeurs possibles
auto - La zone de découpage équivaut à la zone de contenu de l'élément positionné.
shape- Un descripteur de forme. Depuis CSS2, il n'y a qu'une seule forme valide: rect (en haut à droite en bas à gauche).
S'applique à
au niveau du bloc et éléments remplacés.
Syntaxe DOM
object.style.clip = rect(top right bottom left);
Exemple
Voici l'exemple qui montre l'effet de cette propriété -
<html>
<head>
<style type = "text/css">
div {
background: url(/images/css.gif);
clip:rect(10px, 155px, 145px, 10px);
border:2px solid black;
height:100px;
width:150px;
position:absolute;
top:inherit;
left:0px;
}
</style>
</head>
<body>
<div>Example of clipping one image using css clip property</div>
</body>
</html>
Il produira le résultat suivant -