CSS 박스 이미지 소스 속성

정의와 사용법

border-image-source 속성은 border-style 속성에서 설정된 경계 스타일 대신 사용할 이미지를 정의합니다.

훈계:값이 "none"이거나 이미지가 표시되지 않을 경우, 경계 스타일을 사용합니다.

다른 것도 참조하십시오:

CSS3 강의:CSS3 테두리

예제

div 요소 주위에 이미지를 사용하여 경계선을 설정하십시오:

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

CSS 문법

border-image-source: none|이미지;

속성 값

값 설명
none 이미지를 사용하지 않습니다.
이미지 봉준의 이미지 경로.

기술 세부 사항

기본 값: none
thừa kế: no
버전: CSS3
JavaScript 문법: object.style.borderImageSource="url(border.png)"

브라우저 지원

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

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

참조하십시오 border-image 속성.