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
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ụ
PX<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>
%
Auto
Sự tương thích ( Cập nhật / Báo lỗi )
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
x | x | x | x | x | x | x | x | x | x | x | x | x | x |
Chủ đề: p. Programming language p.CSS p.CSS basic