cover는 background 속성의 올바른 값이... - Inflearn

Real! Website Creation! Step by Step! ('Help' Site Creation_Basic Course)

Creating a contents area (section.premium area)

cover는 background 속성의 올바른 값이 아닙니다.

Written on

1.6K

cover가 background의 속성이 아니라고 오류가 출력되어서 no-repeat center로 바꾸었더니 정상적으로 레이아웃이 적용되었습니다. 여기서 궁금한것은 cover는 background-size라는 속성에서 사용할수 있는데 background의 속성을 background-size: url(../img/con2_bg.jpg)no-repeat cover;로 작성해도 되는지에 대한 질문을 남겨봅니다.

웹 디자인HTML/CSS

Answer 2

ktw2408

Questioner

아! 축약을 하신거였군요! 답변주신대로 작성하였더니 오류가 해결되었습니다!

감사합니다! CSS에서도 배울게 많은것 같네요!

jyoung

Instructor

안녕하세요 태우님 ^^ 질문 감사합니다

제가 작성한 소스는 background 속성의 축약 표현입니다.

background: url(../img/con2_bg.jpg)no-repeat center/cover;

이 소스는

background-image: url(../img/con2_bg.jpg)

background-repeat: no-repeat;

background-position:center

background-size: cover;

이속성들을 축약한 표현입니다 태우님께서 소스 오류가 난 이유는 '/' 가 빠져서 입니다

축약형 구문에 background-size 값을 포함하려면 background-size 값 앞에 background-position 값을 작성한다.

이 두 값 사이에 슬래시를 넣어야 합니다 ^^ 그럼 오류가 해결되실겁니다^^

Inflearn Community Q&A

cover는 background 속성의 올바른 값이 아닙니다.