css - 3 (배경)

background 배경

- 배경에 관한 속성은 배경색, 배경이미지, 배경 반복여부, 배경위치, 배경고정여부 등이 있으며 이 모든 속성을 한 줄로 표기할 수도 있어야 하겠습니다.

 

backgrond-color 배경의 색상을 지정한다

background-color	배경의 색상을 지정한다
	transparent	투명(생략하면 기본값)
	#ff0000	배경을 빨강
background-image	배경으로 쓸 이미지 지정
background-repeat	배경이미지를 어떻게 반복시키지 정한다
	repeat	가로 세로 반복 (생략하면 기본값)
	no-repeat	한번만
	repeat-x	가로로 반복
	repeat-y	세로로 반복
background-position	배경 이미지의 위치를 정한다
	가로위치	left,right,center,px %,em
	세로위치	top, bottom,center,px,%,em
	생략하면	각각 left, top  기본값
background-attachment	배경이미지를 고정시킬지 스크롤 할지 정한다
	scroll	화면이 스크롤되면 따라감(생략 기본값)
	fixed	배경의위치가 화면기준으로 고정
background	위의 다섯가지 속성을 한줄로 표기

* 배경 관련 속성을 한 줄로 표기할 때의 주의점

- 각 속성들 간의 순서는 상관없이 기술함

- 단 반드시 속성 간의 띄어쓰기를 해주어야 함 (url 괄호는 붙임)

- no-repeat 앞을 띄어 쓰지 않으면 브라우저 IE 에서 배경이 나오지 않습니다.

- 배경이미지의우치를 수치값으로 기술 할때에는 가로위치 - 세로 위치 순서로 반드시 두개의 값을 넣어주어야함