728x90 반응형 background-size2 [CSS] 이미지 사이즈 맞추기 (object-fit, absolute, background) Grid Units이미지를 컨테이너 안에서 정렬하는 3가지 방법object-fitposition: absolutebackground-size1. object-fit나 같은 오브젝트의 사이즈를 컨테이너의 크기에 맞춰 조절할 수 있어요. 너비와 높이값을 입력하고, object-fit 속성만 지정해주면 되니 편합니다.- 특징 : 이미지 태그나 비디오 태그에 사용 - 장점 : 속성 하나로 설정 가능 - 단점 : IE 미지원 📝 object-fit 형태img { width: 300px; height: 150px; object-fit: fill | contain | cover | none | scale-down;}속성값설명fill기본값주어진 너비와 높이에 딱 맞도록 사이즈를 조절합니다. 이미지의 가로.. 2024. 5. 29. [CSS] background 속성 정리(color, image, position, repeat 등) background 관련 CSS 속성📝 background 단축속성 형태background : color속성값 image속성값 repeat속성값 position속성값/size 속성값 attachment속성값;사용예시 background-image: url(../img/img.jpg);background-repeat:no-repeat;background-position:center top;background-size: 100%;/* background 단축속성 형식 */background: url(../img/img.jpg) no-repeat center top / 100%;background: url("../ images/bg.png") no-repeat center/cover;/* ① size는 po.. 2024. 5. 27. 이전 1 다음 728x90 반응형
