コンテナ全体を埋めるために画像を自動的にスケーリングおよびトリミングする CSS ルールはありますか?
たとえば、イメージの幅と高さの比率がコンテナーの幅と高さの比率よりも大きいとします。この場合、画像の高さはコンテナーの高さと一致する必要があり、画像の左右の余分なスペースがトリミングされます。イメージの幅と高さの比率がコンテナーの幅と高さの比率よりも小さい場合、イメージの幅はコンテナーの幅と一致する必要があるため、コンテナーの上部と下部に余分なスペースが生じます。トリミングする画像。
現在、これらすべての計算とスケーリングを行うために JavaScript を使用しています。
これを行うことができる CSS ルールはありますか?