backgrond-size // 0411

cover: 가로 세로 중 작은 변을 기준으로 꽉 채우는 1:1 비율
auto : 이미지 크기를 유지합니다.
length : 값을 두 개 넣으면 첫번째 값이 가로 크기, 두번째 값이 세로 크기입니다. 값을 한 개 넣으면 가로 크기이며,
세로 크기는 원본 이미지의 가로 세로 비율에 맞게 자동으로 정해집니다. 백분율을 사용할 수도 있습니다.
cover : 배경을 사용하는 요소를 다 채울 수 있게 이미지를 확대 또는 축소. 가로 세로 비율을 유지
contain : 배경을 사용하는 요소를 벗어나지 않는 최대 크기로 이미지를 확대 또는 축소. 가로 세로 비율을 유지
initial : 기본값으로 설정
inherit : 부모 요소의 속성값을 상속

 

 

tip. border  //  box-shadow

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.