background-image 프로퍼티

CODEDRAGON Development/Web, WWW

반응형

 

background-image 프로퍼티

·       HTML의 문서의 배경을 이미지로 설정

·       오류 대비 배경 색상도 함께 지정하는 것을 권장

·       왼쪽 위부터 이미지를 출력

·       이미지 파일 삽입시 "url(이미지경로)" 형태로 지정

·       표시되는 컨테이너의 크기와 상관없이 삽입된 background-image의 크기 그대로 표시됩니다(이미지 크기가 축소되거나 확대지 않음 )

·       이미지 보다 표시되는 컨테이너 크기가 큰 경우 해당 이미지는 반복해서 출력됩니다.

·        

 

형식

background-image: url(images/starwars_logo.jpg);

 

 

프로퍼티 값

설명

url

상대 경로 및 절대 경로를 지정

none

이미지 파일 없음

 

 


반응형

'Development > Web, WWW' 카테고리의 다른 글

border - 테두리 관련 프로퍼티  (0) 2017.06.14
border-color 프로퍼티  (0) 2017.06.14
border-width 프로퍼티  (0) 2017.06.14
background-repeat 프로퍼티  (0) 2017.06.14
배경 관련 프로퍼티  (0) 2017.06.14