<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scable=no">
<title>index</title>
<style>
.c {
position: absolute;
clip: rect(10px, 250px, 250px, 150px); /* top, right, bottom, left */
}
img {
border: 5px solid red;
}
</style>
</head>
<body>
<h2>원본 사진 (273x185)</h2>
<img src="images/img.jpg">
<h2>clip: rect(10px, 250px, 250px, 150px);</h2>
<p>clip: rect(top, right, bottom, left);</p>
<img src="images/img.jpg" class="c">
</body>
</html>
