object-fit
object-fit 속성은 <img>, <video> 태그의 크기를 정의합니다.
object-fit
object-fit 속성은 <img>, <video> 태그의 크기를 정의합니다.
| 특징 | 설명 |
|---|---|
| 기본 값 | object-fit : 개별적 속성 |
| 버전 | CSS3 |
정의(Definition)
- object-fit 속성은 <img>, <video> 태그의 크기를 정의합니다.
문법(Syntax)
object-fit: fill | contain | cover | scale-down | none
속성(Property)
| 속성값 | 설명 |
|---|---|
| fill | 컨텐츠 사이즈 크기에 맞게 설정합니다. |
| contain | 컨텐츠의 가로 값을 기준으로 맞게 설정합니다. |
| cover | 컨텐츠 화면 사이즈에 맞게 설정합니다. |
| scale-down | 컨텐츠 크기 보다 작게 설정합니다. |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| object-fit | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 |
