아래 설명은 배경색을 지정할때 적용되는 방법입니다.
- background-clip : border-box 기본값 입니다.
테두리를 포함하여 배경색을 지정합니다.
하지만 테두리의 모양이 점선과 같은 빈 공간이 있는 경우만 눈으로 확인할 수 있습니다.
참고 : border-style
- background-clip : padding-box 테두리를 포함하지 않고 배경색을 지정합니다.
padding 부터 포함한다 라고 이해하면 쉽습니다.
- background-clip : content-box padding 영역은 포함하지 않고 배경색을 지정합니다.
순수 내용이 나오는 영역입니다.
아래 예제로 직접 해보세요 ^^