css clipでのイメージマスクの方法 － ミモザガーデン

上の並んでいる画像は、a-blogのフォトログを使っています。 縦の写真や、横の写真がありますが、cssのclip使って、一部だけをくりぬいて表示しています。 clipを使ったくりぬきの記述は、ちょっとややこしいので整理してみました。 css clipでのイメージマスクの見本のページはこちら。 画像の一部を表示するcssは以下です。clip : rect(40px 200px 140px 90px) ; 上、右、下、左の順番。並べて表示するための記述（フロートさせるためには外にdivが必要です。） .imgClip{ float:left; width:110px; margin:10px; } .imgClip .picupClipImg { position : absolute ; clip : rect(40px 200px 140px 90px) ; } --------html