CSS object-fit プロパティ値

WBOY
リリース: 2023-09-02 10:17:02
転載
1235 人が閲覧しました

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>
ログイン後にコピー
p>

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

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート