Latest web development tutorials

HTML DOM 스타일 borderImageSource 속성

스타일 객체 참조 스타일 개체

div 요소를 둘러싸는 테두리로 이미지를 사용합니다 :

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

»시도

정의 및 사용

borderImageSource 속성을 설정하거나 대신 테두리 스타일 주어진 테두리 스타일 속성을 사용, 사용하고자하는 이미지를 돌려줍니다.

팁 : 값을 "none", 또는 이미지가 표시되어 있지 않은 경우, 경계 스타일을 사용하는 경우.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

오페라는 borderImageSource 속성을 지원하지 않습니다.

Internet Explorer 버전 10 및 이전 지원되지 않습니다 borderImageSource 속성입니다.

사파리 버전 5 및 이전 borderImageSource 속성을 지원하지 않습니다.

참조 borderImage 교체하는 속성을!


문법

위로 borderImageSource 속성 :

object .style.borderImageSource

borderImageSource 속성 설정 :

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

속성 값

描述
none 不使用图像。
image 要用于绘制边框的图像的路径。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 없음
반환 값 : 국경 이미지 소스 속성 요소를 나타내는 문자열입니다.
CSS 버전 CSS3


관련 기사

CSS 참조 : 국경 이미지-Source 속성


스타일 객체 참조 스타일 개체