htmlcss1 [CSS3] object-fit 속성 이해하기 object-fit 속성 object-fit 속성은 , , , 요소와 같은 콘텐츠 크기를 어떤 방식으로 조절해 요소에 맞출 것인지 지정합니다. -형식 구문- fill contain cover none scale-down [예제] See the Pen object-fit by solutiona80 (@solutiona80) on CodePen. 예제를 보면 호두까기 인형을 (원본 사이즈 334 x 936) 사이즈가 큰 상태라서 비율에 맞게 줄였습니다. image origin - 원본 이미지로 비율에 맞게 영역을 잡아줬습니다. object-fit : fill - 대체되는 요소 컨텐츠의 내용이 지정된 너비와 높이에 따라 크기가 확대 혹은 축소, 늘어나거나 움츠러듭니다. - 종횡비는 유지되지 않으며 대체로 너비.. 2022. 3. 2. 이전 1 다음
