| 모양 | 기능 | 속성 | 의미 |
|---|---|---|---|
배경색
컴포넌트의 배경 색상 변경
배경이미지
URL
이미지 URL로 설정
내 PC에서 업로드
배경이미지를 로컬 또는 프리픽을 통해 업로드
로컬이미지
내 PC에 있는 이미지를 업로드
프리픽이미지
프리픽 이미지 사이트에서 검색해 업로드
이미지 반복
Repeat
배경 이미지가 왼쪽부터 가로로 정렬
no-repeat
배경 이미지를 x축과 y축으로 반복 설정
Repeat-x
배경 이미지를 x축으로 반복 설정
Repeat-y
배경 이미지를 y축으로 반복 설정
Space
배경 이미지가 공간에 맞게 반복되며 여백 생김
Round
배경 이미지가 공간에 맞게 여백 없이 반복
Position
Left Top
배경 이미지 위치를 좌측 상단으로 설정
Left Center
배경 이미지 위치를 좌측 중앙으로 설정
Left Bottom
배경 이미지 위치를 촤측 하단으로 설정
Center Top
배경 이미지 위치를 중앙 상단으로 설정
Center Center
배경 이미지 위치를 정중앙으로 설정
Center Bottom
배경 이미지 위치를 중앙 하단으로 설정
Right Top
배경 이미지 위치를 우측 상단으로 설정
Right Center
배경 이미지 위치를 우측 중앙으로 설정
Right Bottom
배경 이미지 위치를 우측 하단으로 설정
직접입력
배경 이미지 위치를 수치로 설정
단위
%
상위 그룹/레이아웃의 사이즈에 따라 백분율로 값 설정
px
고정값 설정
x축
배경 이미지 x축 위치를 입력한 수치만큼 이동해 설정
y축
배경 이미지 y축 위치를 입력한 수치만큼 이동해 설정
Size
Auto
이미지의 실제 크기로 표현
Cover
이미지를 컴포넌트 크기, 화면 크기에 맞게 공백 없이 설정
Contain
이미지를 컴포넌트 크기, 가로와 세로 비율은 유지되면서 설정
직접입력
이미지의 크기를 수치로 설정
너비
배경 이미지 너비 설정
높이
배경 이미지 높이 설정
