Thuộc tính border-image-outset CSS
- trang trước border-image
- Trang tiếp theo border-image-repeat
định nghĩa và cách sử dụng
thuộc tính border-image-outset quy định lượng vượt qua边框盒的边框图像.
xin xem thêm:
Giáo trình CSS3:BORDER CSS3
ví dụ
đặt thuộc tính border-image-outset:
div { border-image-source: url(border.png); border-image-outset: 30 30; }
cú pháp CSS
border-image-outset: độ dài|số;
ghi chú:thuộc tính border-image-outset quy định lượng超出边框盒的边框图像。Trên, phải, dưới, trái. Nếu bỏ qua giá trị thứ tư, thì sẽ bằng giá trị thứ hai. Nếu bỏ qua giá trị thứ ba, thì sẽ bằng giá trị thứ nhất. Nếu bỏ qua giá trị thứ hai, thì sẽ 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ả |
---|---|
độ dài | |
số | mang ý nghĩa là gấp bao nhiêu lần border-width. |
chi tiết kỹ thuật
giá trị mặc định: | 0 |
---|---|
kế thừa: | no |
phiên bản: | CSS3 |
cú pháp JavaScript: | object.style.borderImageOutset="30 30" |
hỗ trợ trình duyệt
số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
xin xem thêm border-image thuộc tính.
- trang trước border-image
- Trang tiếp theo border-image-repeat