Style borderImageOutset 속성

정의 및 사용법

borderImageOutset 경계 이미지 영역이 경계 상자 밖으로 벗어나는 양을 설정하거나 반환합니다。

추가로 참조하십시오：

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

예제

border를 <div> 요소의 외곽에 두세요：

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

직접 테스트해 보세요

문법

borderImageOutset 속성 반환：

object.style.borderImageOutset

borderImageOutset 속성 설정：

object.style.borderImageOutset = "length|number|initial|inherit"

주석：borderImageOutset 속성은 경계 이미지가 경계 상자 밖으로 벗어나는 양을 정의합니다. 상단, 오른쪽, 하단, 왼쪽. 네 번째 값을 무시하면 두 번째 값과 같습니다. 세 번째 값을 생략하면 첫 번째 값과 같습니다. 두 번째 값을 생략하면 첫 번째 값과 같습니다. border-image-outset 값으로 부정적인 값을 허용하지 않습니다。

속성 값

값 설명
length 길이 단위로, 경계 이미지가 어디서 나타날지 정의합니다. 기본 값 0。
number 대응하는 border-width의 배수를 나타냅니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

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

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

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

보기 borderImage 속성!