タグ

ブックマーク / www.htmq.com (1)

  • object-fit-CSS3リファレンス

    object-fitプロパティは、置換要素(img要素やvideo要素など)をボックスにどのようにはめ込むかを指定する際に使用します。 画像のトリミング表示に使用されることの多いプロパティですが、 画像のトリミング表示では object-fit: cover か object-fit: none が使用されることが多いでしょう。 ■値 fill 置換要素(img要素やvideo要素など)をボックスサイズに合わせて縦横比を維持しないでリサイズして、全体が見えるようにはめ込む(初期値) contain 置換要素(img要素やvideo要素など)をボックスサイズに合わせて縦横比を維持しながらリサイズして、全体が見えるようにはめ込む cover 置換要素(img要素やvideo要素など)をボックスサイズに合わせて縦横比を維持しながらリサイズして、トリミングしてはめ込む none 置換要素(img要

    koogawa
    koogawa 2020/05/15
    “object-fit: cover” 発明した人、天才なんじゃないか
  • 1