예
주위 테두리 화상 지정 <div> 요소 :
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; »그것을 자신을 시도 정의 및 사용
borderImage 속성을 설정하는 약식 속성이다 borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset 및 borderImageRepeat 속성을.
생략 된 값은 기본값으로 설정됩니다.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
웹킷, 모즈, 또는 O 뒤에 숫자는 접두사와 함께 일 첫 번째 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| borderImage | 16.0 4.0 웹킷 | 11.0 | 15.0 3.5 모즈 | 6.0 3.1 웹킷 | 15.0 11.0 O |
통사론
borderImage 속성을 반환합니다 :
object .style.borderImage
borderImage 속성을 설정 :
object .style.borderImage=" 속성 값 값 기술 borderImageSource 화상 경로 테두리로 사용될 borderImageSlice 이미지 국경의 안쪽으로 오프셋 (offset) borderImageWidth 화상 테두리의 폭 borderImageOutset 테두리 화상 영역의 경계 상자 넘어 연장되는 양 borderImageRepeat 화상 테두리가 반복되어야하는지, 또는 둥근 연신 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 없음 100 % 1 0 스트레치 반환 값 : 요소의 테두리 이미지 속성을 나타내는 문자열 CSS 버전 CSS3
관련 페이지
CSS 참조 : border-image property
<스타일 개체