l'attribut clip css est utilisé pour définir la forme de l'élément. Utilisé pour clipser des éléments en position absolue. Lorsque la taille d'une image est plus grande que l'élément la contenant, l'attribut "clip" permet de préciser la taille visible d'un élément afin qu'il soit tronqué et affiché au sein de cet élément.
Vous devez faire attention aux trois points suivants lorsque vous utilisez l'attribut css clip :
1 L'attribut clip ne peut être utilisé que pour des éléments positionnés de manière absolue, position : absolue ou fixe.
2. L'attribut clip a trois valeurs : auto default ; hérite du parent ; une forme définie, mais maintenant il ne peut s'agir que d'un carré rect(), clip : { shape auto | >
3.shape Les quatre éléments de rect(Exemple
<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<title>clip</title>
<style type="text/css">
img {
position:absolute;
top:0;
left:10px;
clip: rect(52px, 280px, 290px, 95px);
}
</style>
</head>
<body>
<img src="00.jpg"/ alt="Comment utiliser l'attribut de clip CSS" >
</body>
</html>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Introduction à la signification d'un mot de passe invalide
Comment supprimer les filigranes TikTok d'autres personnes des vidéos TikTok
Comment implémenter la messagerie instantanée sur le front-end
À quelle plateforme appartient Tonglian Payment ?
mot en ppt
Que faire en cas de conflit IP
Comment créer un nouveau dossier dans pycharm
Introduction aux modificateurs de contrôle d'accès Java
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
