CSS box-decoration-break 속성

정의와 사용법

box-decoration-break 속성은 요소의 프레임이 분할될 때, 배경, 패딩, 경계, border-image, box-shadow, 마진 및 clip-path에 어떻게 적용되는지 정의합니다.

예제

box-decoration-break 속성을 정의합니다：

span.ex1 { 
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
span.ex2 { 
  -webkit-box-decoration-break: slice;
  -o-box-decoration-break: slice;
  box-decoration-break: slice;
}

본인이 직접 시도해 보세요

CSS 문법

box-decoration-break: slice|clone|initial|inherit|unset;

속성 값

값 설명
slice 기본 설정. 봉죽 장식은 전체로 요소에 적용되며, 요소 부분의边缘에서 끊깁니다.
clone

봉죽 장식은 요소의 각 부분에 적용되며, 각 부분이 단일 요소처럼 보입니다.

봉죽이 포함된 요소의 각 부분의 네 가지边缘를 설명하고 각 부분의 배경을 완전히 다시 그립니다.
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오： initial。
inherit 이 속성을 부모 요소에서 이속성을 thừa kế합니다. 참조하십시오： inherit。

기술 세부 사항

기본 값： slice
thừa kế： 아니요
애니메이션 제작： 지원하지 않습니다. 참조하십시오：애니메이션 관련 속성。
버전： CSS3

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

수정자 -webkit-의 숫자 규정을 사용하는 첫 번째 버전을 따릅니다.

Chrome IE / Edge Firefox Safari Opera
22.0 -webkit- 79.0 32.0 6.1 -webkit- 11.5 -webkit-