(例)【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はボックス要素を切り抜き表示(グリッピング)するプロパティです。