크기 조절
원래 이미지 파일의 크기가 이미지 요소와 다를 경우 이미지의 크기 조절 속성을 사용하여 이미지 크기가 조절되는 방식을 설정할 수 있습니다. 속성 패널에서 선택할 수 있는 옵션은 다음과 같습니다.
|
이미지 크기를 조절하여 맞춤 |
이미지를 자르거나 늘리지 않고 요소 내에서 크기를 최대한 크게 조절합니다. |
|
이미지 잘라 채움 |
이미지를 늘리지 않고 크기를 최대한 크게 조절하여 요소의 공간을 채웁니다. 요소와 비율이 다른 이미지는 수직 또는 수평으로 잘립니다. |
|
없음 |
이미지가 요소 내에서 원래 크기로 표시되며, 이미지가 요소보다 큰 경우 이미지가 잘립니다. |
|
이미지를 늘려 채움 |
비율이 다른 경우에도 전체 이미지가 요소 크기로 표시됩니다. |
정렬
요소의 크기가 원래 이미지 파일의 크기와 다를 경우 정렬 속성을 사용하여 요소의 경계 내에서 이미지의 위치를 이동할 수 있습니다.
정렬 옵션
- center - 이미지와 요소의 중심점을 맞춥니다.
- bottom - 이미지와 요소의 하단 가장자리를 맞춥니다.
- bottom left - 이미지와 요소의 왼쪽 하단 모서리를 맞춥니다.
- bottom right - 이미지와 요소의 오른쪽 하단 모서리를 맞춥니다.
- left - 이미지와 요소의 왼쪽 가장자리를 맞춥니다.
- right - 이미지와 요소의 오른쪽 가장자리를 맞춥니다.
- top - 이미지와 요소의 상단 가장자리를 맞춥니다.
- top left - 이미지와 요소의 왼쪽 상단 모서리를 맞춥니다.
- top right - 이미지와 요소의 오른쪽 상단 모서리를 맞춥니다.
초점을 사용 설정하면 정렬 옵션이 사용 중지됩니다(다음 섹션 참조).
초점
초점을 사용하면 이미지 크기가 조절되는 경우에도 이미지의 주요 부분이 표시되도록 이미지가 자동으로 정렬됩니다. 자세히 알아보기