얼마 전까지만 해도 box-decoration-break에 대해 너무 많이 알지 못했습니다. 테두리로 둘러싸인 텍스트를 만들고 새 줄이 시작되면 테두리를 닫아야 했습니다. 이 같은:

그러나 나는 다음과 같은 것을 얻을 수 있었습니다.

글쎄, 그것은 |_+_| 정확히 이것을 합니다. |_+_| 그리고 |_+_| 값을 사용하여 테두리가 작동하는 방식을 결정할 수 있습니다. 다음과 같이 나란히 설정하면 더 명확해집니다.

슬라이스는 기본 암시적 값입니다. 아래는 이에 대한 전체 작동 코드펜입니다.

Chrome 및 Safari의 경우 웹킷 접두사를 사용해야 합니다.

#css

www.js-craft.io

CSS에서 box-decoration-break 속성으로 무엇을 할 수 있습니까?

React, CSS 및 Javascript에 대한 간단한 스크린캐스트 및 팁