💟프론트💟 - 모던 웹을 위한 상세한 CSS background 이해

CSS Reference

참고

💟 CSS background 관련 프로퍼티

 

background-repeat 프로퍼티!!!

배경 이미지가 요소 사이즈보다 작을 때 반복해서 해당 사이즈를 채울 것인지를 설정

repeat,space,round,no-repeat

 

반복 세부 설정 가능

여러 개 이미지 덮기 가능

여러 개 이미지 각자 세부 설정 가능

 

 

background-size 프로퍼티

 

background-attachment 프로퍼티

fixed

 

background-position 프로퍼티

center,lefttop,...

 

background-color 프로퍼티

투명 설정도 가능

 

단축 프로퍼티

다양한 프로퍼티 한번에 설정 가능

 

벡그라운드 이미지는 디폴트 좌측 상단

백그라운드 포지션으로 좌표 지정 가능

---

 

뭘까..

제 세 문장 중에 어떤 문장에 잘 씀을 느끼시고 배우셨는지 궁금하네요..