CSS object-fit プロパティ値-CSSチュートリアル-php.cn

CSS object-fit プロパティ値

WBOY

リリース： 2023-09-02 10:17:02

転載

1218 人が閲覧しました

CSS object-fit 属性值

#CSS の object-fit プロパティは、コンテナに合わせて画像またはビデオのサイズを変更するために使用されます。次の値があります。

## 含まれる内容: コンテンツに合わせて拡大縮小する
カバー: 合わせて切り取る
入力: コンテンツボックスに入力します。

例

h2>次のコードを実行して、カバー値を使用して object-fit プロパティを実装してみることができます。

ライブデモンストレーション

<!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>

ログイン後にコピー

以上がCSS object-fit プロパティ値の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。