CSS background

background 중첩사용

• https://dolly77.tistory.com/34
  CSS3 부터는 여러개의 배경이미지를 적용할 수 있다.

body {
  background-image: url(images/ch.png), url(images/bg.jpg);
}

• 왼쪽에 위치한 이미지가 앞으로 나온다.

background-clip : 배경을 어디에 넣을지 정하는 속성

• https://www.codingfactory.net/10582
• https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
• border-box : 테두리 영역과 그 안쪽 영역을 채움
• padding-box : 안쪽 여백 영역과 그 안쪽 영역을 채움
• content-box : 내용 영역과 그 안쪽 영역을 채움

background-clip : padding-box, border-box;

• 첫 번째 배경은 padding-box, 두 번째 배경은 border-box

background-origin : 배경을 어느 영역부터 채워나갈지를 정하는 속성

• https://www.codingfactory.net/10592
• padding-box : 안쪽 여백 영역 왼쪽 위 부터 채움(기본 값)
• border-box : 테두리 영역 왼쪽 위부터 채움
• content-box : 내용 영역 왼쪽 위 부터 채움