CSS / Style / object-fit

要素に対する背景をどのように貼り込むかを定義(CSS / 背景 / 画像)することができるが、それを img や video 要素の配置されるコンテンツそのものに対して行うことができる

img.hoge {
    width: 100px;
    height: 200px;
    object-fit: cover;
}

cover

アスペクト比を維持した状態で、その範囲内全面に収まるようにサイズ調整される。はみ出る部分は切れて表示されない。

css/style/object_fit.txt · 最終更新: 2020-10-08 11:05 by ore

文書の先頭へ