Thuộc tính tràn kiểu
Ví dụ
Sử dụng thuộc tính tràn để cuộn nội dung tràn:
document.getElementById("myDIV").style.overflow = "scroll";
Hãy tự mình thử »Sự miêu tả
Thuộc tính tràn đặt hoặc trả về những việc cần làm với nội dung hiển thị bên ngoài hộp phần tử.
Mẹo: Nếu bạn muốn ẩn thanh cuộn của toàn bộ tài liệu, hãy sử dụng thuộc tính tràn trên phần nội dung hoặc phần tử html.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính tràn:
object .style.overflow
Đặt thuộc tính tràn:
object .style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | dễ thấy |
---|---|
Giá trị trả về: | Một Chuỗi, biểu thị nội dung hiển thị bên ngoài hộp phần tử |
Phiên bản CSS | CSS2 |
Thêm ví dụ
Ví dụ
Sử dụng thuộc tính tràn để ẩn nội dung tràn:
document.getElementById("myDiv").style.overflow = "hidden";
Hãy tự mình thử »Ví dụ
Trả về thuộc tính tràn:
alert(document.getElementById("myDiv").style.overflow);
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Tràn CSS
Hướng dẫn CSS: Định vị CSS
Tham chiếu CSS: thuộc tính tràn