요소에 배경 이미지를 채울 수 있는 속성.
url()
이라는 세부속성을 가진다. 괄호 안에 이미지 경로를 넣으면 된다.
요소에 너비와 높이값이 없으면 보이지 않는다.
배경 이미지를 요소 내에서 반복해 패턴화 시켜주는 속성이다.
이런 점을 이용해 작은 이미지로 큰 이미지를 만들 수 있는 등 다양하게 활용할 수 있다.
가로(repeat-x
), 세로(repeat-y
)로 반복할 방향을 설정할 수 있다.
기본값이 반복이기 때문에 반복하지 않으려면 no-repeat
값을 넣으면 된다.
배경 이미지의 위치 좌표값을 설정하는 속성.
px이나 % 단위로도 조절할 수 있고, top ~ right 와 같은 값으로도 지정할 수 있다.
배경 이미지를 화면 높 · 너비에 고정할지, 스크롤하게 만들지 정하는 속성.
scroll
을 하게 되면 배경 이미지와 스크롤이 같이 움직인다.
따라서 요소의 크기가 스크롤을 넘치면 보이지 않던 부분이 보이기도 한다.
fixed
를 하게 되면 스크롤을 해도 배경 이미지는 고정되어 움직이지 않는다.
단 화면의 높이, 너비에 따라 보여지는 부분은 저마다 상이할 수 있다.
Well done is better than well said.
Seeing much, suffering much, and studying much, are the three pillars of learning.
Education is a progressive discovery of our own ignorance.
I want to know God's thoughts; the rest are details.
When all think alike, no one thinks very much.
Science is a wonderful thing if one does not have to earn one's living at it.
It's not that I'm so smart , it's just that I stay with problems longer.
Theories should be as simple as possible, but not simpler.
Technological progress is like an axe in the hands of a pathological criminal.
I never came upon any of my discoveries through the process of rational thinking.
Try not to become a man of success but rather to become a man of value.
Gravitation cannot be held responsible for people falling in love.
What is written without effort is in general read without pleasure.
Sincerity is the way of Heaven.
The man who moves a mountain begins by carrying away small stones.
While there's life, there's hope.
Paradise is where I am.