奥が深く未だに日々様々な発見があるCSSですが、今日たまたま新たなプロパティがあることを知ったのでメモ書きしておきます。

画像などの要素において、本来のファイルのサイズ(幅&高さ)から、CSSで必要な幅と高さを、トリミングすることが出来る「clip」というプロパティがあるようです。

clip・・・・・ボックスを切り抜き表示(クリッピング)する

今までこの様な場合では、width & height & overflow のプロパティ組み合わせで考えていましたが、この「clip」プロパティもなかなか使えそうです。

通常のコーディングではあまり使う機会はないかもしれませんが、システムとガッツリ絡んだ、様々なパターンの画像を扱うサイト等で有効活用できるのではないかと感じています。

特に新しく推奨されたプロパティというわけではないのですが、これは知らなかった。。。