object-fit
- IE 호환 x
<figure>
<img src="이미지링크" alt="이미지" />
</figure>figure {
width: 100px;
height: 100px;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
}
참고링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
'Coding > HTML+CSS' 카테고리의 다른 글
| [CSS] display: flex 사용시 자식의 영역을 width로 갖는 법 (2) | 2022.02.24 |
|---|---|
| [HTML] SVG 사용하기 (폰트 적용 / 직접 그리기) (0) | 2022.02.14 |
| [CSS] justify-content: flex-end 속성이 안 먹는 이유 (0) | 2021.12.29 |
| [CSS] img 사이즈 조절 시 흐려지는 현상 (0) | 2021.12.21 |
| [CSS] text에 그라데이션 먹이기 (1) | 2021.09.30 |