인프런 커뮤니티 질문&답변

박종규님의 프로필 이미지

작성한 질문수

문과생이 가르쳐 주는 퍼블리싱 - 클론코딩

메인배너 설계

background 질문입니다

해결된 질문

23.02.11 16:17 작성

·

268

1

<div class="item"style="background: url(./resources/images/tmp/visual1.jpg) no-repeat 50% 0; background-size: cover;">

 

사진을 가운데 설정하기 위해서 no=repeat으로 반복되지 않게 설저을 하고 50% 0을 설정했는데 이거는 어떤 속성인지 알 수 있을까요? 위치를 잡아주는 건가요?스크린샷 2023-02-11 오후 4.14.32.png

답변 1

1

러빙코드님의 프로필 이미지
러빙코드
지식공유자

2023. 02. 12. 10:22

50% 0 은 이미지를

50% => 좌우 중앙정렬 , 0 => 상단에 위치 해 주는 값이에요.

적용 되는 이미지에 따라 50% 50% => 좌우/상하 중앙 정렬로 맞추어 줄 수도 있구요,

0 0 => 좌/상 으로 정렬해 줄 수도 있어요.

질문 주신 background 속성은 하기 세가지가 축약된 거라 볼 수 있습니다.

background-image

background-repeat

background-position:50% 0

감사합니다 :)