Style borderImageSlice 속성

정의와 사용법

borderImageSlice 속성이 이미지 테두리의 내부 이동을 정의합니다。

다른 참조:

CSS 참조 매뉴얼：border-image-slice 속성

예제

이미지 테두리의 내부 이동을 정의합니다：

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";

직접 시도해 보세요

문법

borderImageSlice 속성 반환：

object.style.borderImageSlice

borderImageSlice 속성 설정：

object.style.borderImageSlice = "number|%|fill|initial|inherit"

속성 값

값 설명
number 숫자로, 이미지 내 픽셀(래스터 이미지일 경우) 또는 벡터 좌표(벡터 이미지일 경우)를 나타냅니다。
%

이미지 크기에 대한 퍼센트 비율: 이미지의 너비는 수평 이동에 영향을 미치고, 높이는 수직 이동에 영향을 미칩니다。

기본 값은 100%입니다.
fill 빈골 이미지의 중앙 부분을 유지합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： 100%
반환 값： 문자열로, 요소의 border-image-slice 속성。
CSS 버전： CSS3

브라우저 지원

표에서는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 표시했습니다.

크롬 에지 파이어폭스 사파리 오퍼라
크롬 에지 파이어폭스 사파리 오퍼라
지원 11.0 지원 6.0 15.0

보기 borderImage 속성!