CSSで画像を一部だけしか表示させない!!
kirinukigazou

CSSで画像の一部だけを表示させるには、CSSのclipプロパティを使います。何も指定が無ければ画像全体が表示されますが、CSSのclipプロパティを使うと、指定した部分を切り抜いて表示させることができます。


「rect(auto 50px 50px auto)」は、「rect(画像上端からの距離 画像右端からの距離 画像下端からの距離 画像左端からの距離)」って感じです。

<img style="position:absolute;clip:rect(auto 50px 50px auto);" src="http://www.web-nouhau.com/wp-content/uploads/2012/01/ajax-loader-300x195.gif">

▼切り抜き表示



▼指定なし表示

-->