Thuộc tính CSS border-image-outset
Thí dụ
Đặt hình ảnh đường viền 10 pixel bên ngoài các cạnh đường viền của một phần tử:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Định nghĩa và Cách sử dụng
Thuộc border-image-outsettính chỉ định số lượng mà vùng hình ảnh đường viền mở rộng ra ngoài hộp đường viền.
Mẹo: Cũng xem xét thuộc tính border-image (một thuộc tính viết tắt để đặt tất cả các thuộc tính border-image- *).
| Giá trị mặc định: | 0 |
|---|---|
| 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.borderImageOutset = "10px" |
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-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Cú pháp CSS
border-image-outset: length|number|initial|inherit;
Lưu ý: Thuộc border-image-outsettính có thể nhận từ một đến bốn giá trị (trên cùng, bên phải, bên dưới và bên trái). Nếu giá trị thứ tư bị bỏ qua, nó giống với giá trị thứ hai. Nếu cái thứ ba cũng được bỏ qua, nó giống như cái đầu tiên. Nếu cái thứ hai cũng bị bỏ qua, nó giống như cái thứ nhất.
Giá trị tài sản
| Value | Description | Play it |
|---|---|---|
| length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 | |
| number | Represent multiples of the corresponding border-width | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Các trang liên quan
Hướng dẫn CSS: Hình ảnh đường viền CSS
Tham chiếu CSS: thuộc tính border-image
Tham chiếu CSS: thuộc tính border-image-repeat
Tham chiếu CSS: thuộc tính border-image-slice
Tham chiếu CSS: thuộc tính border-image-source
Tham chiếu CSS: thuộc tính border-image-width
Tham chiếu DOM HTML: thuộc tính borderImageOutset