#borderimg {
border-image-slice: 30%;
}
이 border-image-slice속성은 border-image-source로 지정된 이미지를 슬라이스하는 방법을 지정합니다 .
이미지는 항상 네 개의 모서리, 네 개의 모서리 및 중간의 9 개의 섹션으로 슬라이스됩니다.
fill 키워드가 설정되어 있지 않으면 “중간”부분이 완전히 투명하게 처리됩니다.
border-image-slice: number|%|fill|initial|inherit;