Valeur de la propriété CSS object-fit

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Libérer： 2023-09-02 10:17:02

avant

1428 Les gens l'ont consulté

CSS object-fit 属性值

La propriété object-fit en CSS est utilisée pour redimensionner une image ou une vidéo pour l'adapter à son conteneur. Il a les valeurs suivantes

Contient : Ajuster le contenu à l'échelle
Couverture : Recadrer pour l'ajuster
Remplissage : Remplissez la zone de contenu.

Exemple h2>

Vous pouvez essayer d'exécuter le code suivant pour implémenter la propriété object-fit avec la valeur de couverture.

Démonstration en direct p>

<!DOCTYPE html>
<html>
   <head>
      <style>
         .myimg {
            width:250px;
            height:350px;
            object-fit:fill;
         }
      </style>
   </head>
   <body>
      <h2>SWIFT</h2>
      <img class = "myimg"
         src = "https://www.tutorialspoint.com/assets/videos/courses/67/images/course_67_image.png"
         alt = "Python Data Science" width = "300" height = "200">
   </body>
</html>

Copier après la connexion

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!

Article précédent：Créer une barre de navigation verticale en utilisant CSS Article suivant：Propriétés CSS de base pour les feuilles de style

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur