CSS 밴더 이미지 나뉘기 속성

정의 및 사용법

border-image-outset 속성은 테두리 이미지가 테두리 상자를 초과하는 양을 정의합니다.

다른 참조:

CSS3 강의:CSS3 경계선

예제

border-image-outset 속성 설정:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

CSS 문법

border-image-outset: length|number;

주석:border-image-outset 속성은 테두리 이미지가 테두리 상자를 초과하는 양을 정의합니다. 상, 우, 하, 좌에 있습니다. 네 번째 값을 무시하면 두 번째 값과 같습니다. 세 번째 값을 제외하면 첫 번째 값과 같습니다. 두 번째 값을 제외하면 첫 번째 값과 같습니다. border-image-outset 값으로 부정적인 값을 허용하지 않습니다.

속성 값

값 설명
length
number border-width과의 배수를 나타냅니다.

기술 세부 사항

기본 값: 0
상속성: no
버전: CSS3
JavaScript 문법: object.style.borderImageOutset="30 30"

브라우저 지원

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

크롬 IE / 엣지 파이어폭스 사파리 오페라
15.0 11.0 15.0 6.0 15.0

참조하세요 border-image 속성.