인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

김태우님의 프로필 이미지
김태우

작성한 질문수

실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)

contents 영역 제작하기 (section.premium영역)

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

작성

·

1.5K

0

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

답변 2

0

김태우님의 프로필 이미지
김태우
질문자

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

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

0

J.영님의 프로필 이미지
J.영
지식공유자

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

  제가 작성한 소스는 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 값을 작성한다.

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

김태우님의 프로필 이미지
김태우

작성한 질문수

질문하기