Thuộc tính CSS border-image-width
Ví dụ
Chỉ định chiều rộng của hình ảnh viền:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính border-image-width
chỉ định chiều rộng của hình ảnh viền.
Mẹo: Ngoài ra, hãy xem thuộc tính border-image (thuộc tính tốc ký để đặt tất cả các thuộc tính border-image-*).
Giá trị mặc định: | 1 |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.borderImageWidth="20px" Hãy dùng thử |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
Cú pháp CSS
border-image-width: number | % |auto|initial|inherit;
Lưu ý: Thuộc tính border-image-width
có thể nhận từ một đến bốn giá trị (cạnh trên, phải, dưới và trái). Nếu giá trị thứ tư bị bỏ qua, nó sẽ giống giá trị thứ hai. Nếu cái thứ ba cũng bị bỏ qua thì nó cũng giống như cái thứ nhất. Nếu cái thứ hai cũng bị bỏ qua thì cái thứ nhất cũng giống như vậy.
Giá trị tài sản
Value | Description | Demo |
---|---|---|
length | A length unit (px) specifying the size of the border-width | Demo ❯ |
number | Default value 1. Represents multiples of the corresponding border-width | Demo ❯ |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | Demo ❯ |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Hướng dẫn CSS: Hình ảnh viền CSS
Tham khảo CSS: thuộc tính hình ảnh viền
Tham khảo CSS: thuộc tính border-image-outset
Tham khảo CSS: thuộc tính lặp lại hình ảnh viền
Tham khảo CSS: thuộc tính border-image-slice
Tham khảo CSS: thuộc tính nguồn hình ảnh viền
Tham chiếu DOM HTML: thuộc tính borderImageWidth