Heim > Artikel > Web-Frontend > CSS-Objektanpassungseigenschaftswert

CSS-Objektanpassungseigenschaftswert

WBOYnach vorne: 2023-09-02 10:17:021176Durchsuche

CSS object-fit 属性值

Die Eigenschaft „object-fit“ in CSS wird verwendet, um die Größe eines Bildes oder Videos an den Container anzupassen. Es hat die folgenden Werte

Enthält: Inhalt passend skalieren
Cover: Passend zuschneiden
Polsterung: Füllen Sie das Inhaltsfeld aus.

Beispiel h2>

Sie können versuchen, den folgenden Code auszuführen, um die Objektanpassungseigenschaft mit dem Deckwert zu implementieren.

Live-Demonstration 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>

Das obige ist der detaillierte Inhalt vonCSS-Objektanpassungseigenschaftswert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Erstellen Sie eine vertikale Navigationsleiste mit CSSNächster Artikel：Erstellen Sie eine vertikale Navigationsleiste mit CSS

In Verbindung stehende Artikel

Mehr sehen