このページは「RedlineMagazine::CSS 画像の一部を使う3つの方法」のサンプルページです。

サンプル画像

【CSS部分】
.crop{
 	float:left;
 	position:relative;
	width:150px;
	height:150px;
	border:2px solid #630;
	}
.crop p{
	margin:0;
	position:absolute;
	top:-20px;
	left:-55px;
	clip:rect(20px 205px 170px 55px);
	}	
   
【HTML部分】
<div class="crop">
<p><img src="http://redline.hippy.jp/images/090929_01.jpg" alt="サンプル画像" /></p>
</div>

【元画像】
サンプル画像