HTML DOM 스타일 borderImage 속성
예
이미지 div 요소의 주변에 테두리를 지정 :
document.getElementById("myDIV").style.borderImage="url(border.png) 30 30 round";
»시도
정의 및 사용
borderImage 속성이 설정되어 borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset 및 borderImageRepeat의 특성을 약식 속성을.
생략 된 값은 기본값으로 설정됩니다.
브라우저 지원
인터넷 익스플로러 11, 파이어 폭스, 오페라 15, 크롬과 사파리 6 지원 borderImage 속성입니다.
사파리 5는 webkitBorderImage 속성이 property 속성의 또 다른 대안을 지원합니다.
문법
위로 borderImage 속성 :
object .style.borderImage
borderImage 속성 설정 :
object .style.borderImage="source slice width outset repeat|initial|inherit"
속성 값
| 值 | 描述 |
|---|---|
| borderImageSource | 要用于绘制边框的图像的路径。 |
| borderImageSlice | 图像边框的向内偏移。 |
| borderImageWidth | 图像边框的宽度。 |
| borderImageOutset | 边框图像区域超出边界框的量。 |
| borderImageRepeat | 规定图像边框是重复拼接图块还是延伸图块。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
기술 세부 사항
| 기본값 : | 없음 100 % 1 0 스트레칭 |
|---|---|
| 반환 값 : | 국경 이미지 속성 요소를 나타내는 문자열입니다. |
| CSS 버전 | CSS3 |
관련 기사
CSS 참조 : 국경 Image 속성