Thứ Bảy, 27 tháng 4, 2013

CSS border-image-width Chỉ định độ rộng của hình ảnh biên


border-image-width 3

Specifies the widths of the image-border
Chỉ định độ rộng của hình ảnh biên

Thuộc tính giá trị Ví dụ Mô tả
border-image-width px
%
auto
border-image-width: 30 30; Bốn giá trị của biên độ rộng hình ảnh xác định hiệu số được sử dụng để phân chia các khu vực hình ảnh đường viền thành chín phần. Họ đại diện cho khoảng cách vào bên trong từ bên top, right, bottom, và bên trái của khu vực. Nếu giá trị thứ tư được bỏ qua, nó cũng giống như các thứ hai. Nếu 1/3 cũng được bỏ qua, nó giống như là người đầu tiên. Nếu một trong những thứ hai là cũng bỏ qua, nó giống như là người đầu tiên. Giá trị âm không được phép cho bất kỳ giá trị đường viền-image-chiều rộng.

Xem ví dụ

<style>
.class { border-image-source: url(border.png); }

#px {border-image-width: 50px 90px;}
#rate {border-image-width: 30% 30%; }
#autol {border-image-width: auto; }

</style>
PX
<div id="px" class="class"> ... </div>
%
<div id="rate" class="class"> ... </div>
Auto
<div id="auto" class="class"> ...</div>

PX


%


Auto

Sự tương thích ( Cập nhật / Báo lỗi )

Firefox Opera Google Chrome Safari IOS Android Window phone
x x x x x x x x x x x x x x


Chủ đề: