CSSでの画像の切り抜き

CSSで画像を切り抜いて表示する方法


・<IMG>タグ

clip : rect( 上 右 下 左 );

例: 画像の( 50, 0 )から( 100, 200 )までを表示

clip : rect( 0px 100px 200px 50px );

※ 表示されない部分は、空白になる



・背景画像(background-image)

background-position : 横 縦;

例: 背景画像の( 10, 10 )から表示

background-position :  10px 10px;

※ 表示されない部分は、詰められる

Posted in: css