HTML5 CSS3 배경이미지 사이즈
HTML5 CSS3 배경이미지 사이즈 ■ 지난 글에서 웹 문서의 배경이미지를 넣는 방법과 몇 가지 속성을 알아봤었는데요. 거기서 언급하지 않았던 배경이미지의 사이즈 속성에 대해서 알아보겠습니다. 이 속성은 CSS3부터 가능해진 기능인데요. 배경 이미지의 크기를 내가 원하는 대로 조절할 수 있습니다. ■ 먼저 [background-size] 속성값들을 알아볼게요.1. auto: 이 속성은 삽입한 원래 이미지의 크기대로 표시되는 속성입니다. 2. 크기값: 너비와 높이를 픽셀 등 특정 단위의 크기로 지정해줄 수 있구요. 이때 너비 값만 지정할 경우는 높이 값은 너비 값의 확대 또는 축소된 비율만큼 계산해서 자동으로 변경됩니다. 3. 백분율: 이 값은 원래 삽입된 이미지의 크기를 기준으로 확대 또는 축소할 수 ..