CSS3 국경 이미지 슬라이스 속성
예
안쪽 경계 지정된 이미지 오프셋 :
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
属性 | |||||
---|---|---|---|---|---|
border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
정의 및 지침을 속성
보더 -slice 이미지 속성은 이미지의 경계는 내측으로 오프셋을 지정.
기본값 : | 100 % |
---|---|
상속 : | 아니 |
버전 : | CSS3 |
자바 스크립트 구문 : | 오브젝트 .style.borderImageSlice = "50 % 50 %" |
문법
border-image-slice:number|%|fill;
참고 :이 속성은 상단에 이미지를 지정, 구 영역으로 분할 이전 안쪽 오른쪽, 아래, 왼쪽 가장자리 : 네 모퉁이, 네 측면과 중앙.키워드를 입력하지 않는 한 중간 이미지 (완전 투명 처리) 삭제됩니다. 당신은 그것의 네 번째 번호 / 비율을 생략하고 두 번째 같은 경우. 또한 제를 생략하고 처음과 동일한 경우. 또한 초를 생략하고 처음과 동일한 경우.
값 | 설명 |
---|---|
수 | 화상의 화소의 디지털 표현 (비트 맵 화상) 또는 벡터 좌표 (이미지, 벡터 이미지 인 경우) |
% | 이미지의 크기의 비율은 상대적 : 오프셋 화상의 가로 폭의 높이, 세로 이미지 오프셋 |
작성 | 화상의 중간 부 예약 |