Thuộc tính borderImageOutset của Style

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

borderImageOutset Thuộc tính thiết lập hoặc trả về lượng hình ảnh viền vượt qua khung viền (border box).

Xem thêm：

Tài liệu tham khảo CSS：Thuộc tính border-image-outset

Mô hình

Đặt viền ở bên ngoài cạnh của元素 <div> này：

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";

Thử nghiệm trực tiếp

Ngữ pháp

Trả về thuộc tính borderImageOutset：

object.style.borderImageOutset

Đặt thuộc tính borderImageOutset：

object.style.borderImageOutset = "length|number|initial|inherit"

Ghi chú：borderImageOutset Thuộc tính quy định lượng hình ảnh viền超出 khung viền. Trên, phải, dưới, trái. 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-outset.

Giá trị thuộc tính

Giá trị Mô tả
length Đơn vị đo độ dài, quy định khoảng cách từ hình ảnh viền xuất hiện. Giá trị mặc định là 0.
number Biểu thị số lần gấp của border-width tương ứng.
initial Thay đổi thuộc tính này thành giá trị mặc định. Xem thêm initial。
inherit Thay đổi thuộc tính này thành giá trị mặc định. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định： 0
Giá trị trả về： Chuỗi biểu thị Thuộc tính border-image-outset。
Phiên bản CSS： CSS3

Trình duyệt hỗ trợ

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 11.0 Hỗ trợ 6.0 15.0

Xin xem Thuộc tính borderImage!