Thuộc tính tràn CSS
Thí dụ
Hiển thị các giá trị thuộc tính bổ sung khác nhau:
div.ex1 {
overflow: scroll;
}
div.ex2 {
overflow: hidden;
}
div.ex3 {
overflow:
auto;
}
div.ex4 {
overflow: visible;
}
Định nghĩa và Cách sử dụng
Thuộc overflow
tính chỉ định điều gì sẽ xảy ra nếu nội dung tràn hộp phần tử.
Thuộc tính này chỉ định cắt nội dung hoặc thêm thanh cuộn khi nội dung của phần tử quá lớn để vừa với một khu vực cụ thể.
Lưu ý: Thuộc overflow
tính chỉ hoạt động đối với các phần tử khối có chiều cao được chỉ định.
Giá trị mặc định: | có thể nhìn thấy |
---|---|
Thừa hưởng: | không |
Hoạt hình: | không. Đọc về hoạt hình |
Phiên bản: | CSS2 |
Cú pháp JavaScript: | object .style.overflow = "scroll" |
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 | |||||
---|---|---|---|---|---|
overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Lưu ý: Trong OS X Lion (trên Mac), thanh cuộn được ẩn theo mặc định và chỉ hiển thị khi được sử dụng (ngay cả khi "tràn: cuộn" được đặt).
Cú pháp CSS
overflow: visible|hidden|scroll|auto|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
visible | The overflow is not clipped. It renders outside the element's box. This is default | |
hidden | The overflow is clipped, and the rest of the content will be invisible | |
scroll | The overflow is clipped, but a scroll-bar is added to see the rest of the content | |
auto | If overflow is clipped, a scroll-bar should be added to see the rest of the content | |
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: CSS Overflow
Hướng dẫn CSS: Định vị CSS
Tham chiếu DOM HTML: thuộc tính tràn