CSS で画像をトリミングする方法を紹介します。 例えば、パソコンとスマホで画像のトリミングを変えたいときなどに便利な方法です。 CSS を使った画像のトリミング方法 object-fit を使った画像のトリミング方法 position と overflow を使った画像のトリミング方法 background-image を使った画像のトリミング方法 CSS を使った画像のトリミング方法 CSS を使った画像のトリミング方法は複数あります。 画像要素に直接指定することで簡単に実装できる object-fit を使った方法や、親要素と子要素を用意して position と overflow を使う方法。 background-image を使って背景画像として取り込みトリミングする方法など。 それぞれの方法には個性があるので、個々の特徴をおさらいしつつ、目的にあった方法を試してください。 o
![CSS で画像をトリミングする方法 - by Takumi Hirashima](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec33fe1b627738319ad202ae8e3a2ed446286914/height=288;version=1;width=512/https%3A%2F%2Fhirashimatakumi.com%2Fwp%2Fwp-content%2Fthemes%2Ftakumihirashima%2Fimg%2Fogp.png)