Clip 속성
- 요소의 어느 부분이 보이는지를 정의한다.
- position: absolute 또는 position: fixed 요소에만 적용된다.
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
.box {
width: 300px; height: 200px; padding: 10px; margin: 30px;
border: 2px dotted gray;
}
.img {
position: absolute;
top: 80px; left: 420px;
clip: rect(20px, 220px, 220px, 20px); /* top, right, bottom, left */
}
</style>
</head>
<body>
<div class="box"><img src="../img/img2.png" width= "300" height="200"></div>
<div class="box"><img src="../img/img2.png" class="img"></div>
</body>
</html>'쌍용강북교육센터 > 9월' 카테고리의 다른 글
| 0923_CSS : flex 속성 (0) | 2021.09.23 |
|---|---|
| 0923_CSS : columns 다단 (0) | 2021.09.23 |
| 0923_CSS : Z-index (0) | 2021.09.23 |
| 0923_CSS : 포지셔닝 position (0) | 2021.09.23 |
| 0916~0917_CSS : Cascading Style Sheets(CSS) (0) | 2021.09.22 |