Thuộc tính border-image-width của CSS

định nghĩa và cách sử dụng

thuộc tính border-image-width quy định chiều rộng hình ảnh biên.

xem thêm:

Hướng dẫn CSS3:BORDER trong CSS3

ví dụ

quy định chiều rộng hình ảnh biên:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

cú pháp CSS

border-image-width: number|%|auto;

ghi chú:bốn quy định của thuộc tính border-image-width sẽ chia hình ảnh biên thành chín phần. Chúng đại diện cho khoảng cách từ cạnh trên, bên phải, dưới, bên trái của khu vực vào trong. Nếu bỏ qua giá trị thứ tư, thì bằng giá trị thứ hai. Nếu bỏ qua giá trị thứ ba, thì bằng giá trị thứ nhất. Nếu bỏ qua giá trị thứ hai, thì bằng giá trị thứ nhất. Không được phép có giá trị âm nào làm giá trị border-image-width.

giá trị thuộc tính

giá trị mô tả
number bằng số lần giá trị border-width tương ứng.
% tham khảo kích thước khu vực hình ảnh biên: chiều cao của khu vực ảnh ảnh hưởng đến sự dịch chuyển ngang, chiều rộng ảnh hưởng đến sự dịch chuyển dọc.
auto nếu quy định thuộc tính này, thì chiều rộng sẽ là chiều rộng cố định của phần ảnh của hình ảnh tương ứng.

chi tiết kỹ thuật

giá trị mặc định: none
thuộc tính kế thừa: no
phiên bản: CSS3
cú pháp JavaScript: object.style.borderImageWidth="30 30"

hỗ trợ trình duyệt

số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

xem thêm border-image thuộc tính。