【CSS】clip：ボックスを切り抜く（グリッピング）

（例）【CSS】clipの使用方法

See the Pen
clip by linlin (@linlin098765)
on CodePen.

<div class="sample">
元の画像<br>
<img src="https://www.llc-linlin.com/picture/SEO.jpg">
</div>
<div class="sample">
カンマ区切り指定<br>
<img src="https://www.llc-linlin.com/picture/SEO.jpg" class="sample1">
</div>
<div class="sample">
スペース区切り指定<br>
<img src="https://www.llc-linlin.com/picture/SEO.jpg" class="sample2">
</div>

div.sample {height:200px;}
img.sample1 {clip:rect(60px,150px,130px,40px); position:absolute;}
img.sample2 {clip:rect(60px 150px 130px 40px); position:absolute;}

【CSS】clip：ボックスを切り抜く（グリッピング）

　CSSのclipはボックス要素を切り抜き表示（グリッピング）するプロパティです。