CSSで画像の一部だけを表示させるには、CSSのclipプロパティを使います。何も指定が無ければ画像全体が表示されますが、CSSのclipプロパティを使うと、指定した部分を切り抜いて表示させることができます。
「rect(auto 50px 50px auto)」は、「rect(画像上端からの距離 画像右端からの距離 画像下端からの距離 画像左端からの距離)」って感じ。
<img style=”position:absolute;clip:rect(auto 50px 50px auto);” src=”http://design.web-nouhau.com/image/site/urawa-reds.jpg”>
▼切り抜き表示
▼指定なし表示
