과목 추천:

스타일 borderImageSource 속성

정의와 사용법 borderImageSource

속성을 설정하거나 반환하려면 이미지를 사용하십시오. 경계 스타일은 border-style 속성에 의해 주어집니다.ヒント: 값이"none"

또는 이미지가 표시되지 않으면, 경계 스타일을 사용합니다。

CSS 참조 매뉴얼:border-image-source 속성

예제

이미지를 사용하여 div 요소의 경계를 설정하십시오:

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";

직접 시도해 보세요

문법

borderImageSource 속성 반환:

object.style.borderImageSource

borderImageSource 속성 설정:

object.style.borderImageSource = "none|image|initial|inherit"

속성 값

설명
none 이미지를 사용하지 않습니다。
image 辺框으로 사용할 이미지의 경로。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit

기술 세부 사항

기본 값: none
반환 값: 문자열로, 요소의 border-image-source 속성
CSS 버전: CSS3

브라우저 지원

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

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

보기 borderImage 속성!