Latest web development tutorials

HTML DOM 스타일 borderImageSlice 속성

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

소정의 화상 프레임 안쪽으로 오프셋 :

document.getElementById("myDIV").style.borderImageSlice="50% 10%";

»시도

정의 및 사용

안쪽으로 오프셋 borderImageSlice 속성은 이미지의 테두리를 지정합니다.


브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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

참조 borderImage 교체하는 속성을!


문법

위로 borderImageSlice 속성 :

object .style.borderImageSlice

borderImageSlice 속성 설정 :

object .style.borderImageSlice="number|%|fill|initial|inherit"

속성 값

描述
number 表示图像像素(如果图像是光栅图像)或矢量坐标(如果图像是矢量图像)的数字。
% 表示相对于图像大小的百分比:水平偏移参照图像的宽度,垂直偏移参照图像的高度。默认值是 100%。
fill 使边框图像中间部分被保留下来。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

기술 세부 사항

기본값 : 100 %
반환 값 : 요소의 경계 이미지 슬라이스 특성을 표시하는 문자열.
CSS 버전 CSS3


관련 기사

CSS 참조 : 국경 - 이미지 - 슬라이스 속성


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