Thuộc tính overflow của Style

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

overflow Cài đặt hoặc trả về cách xử lý nội dung xuất hiện bên ngoài khung phần tử.

Lưu ý:Nếu muốn ẩn thanh cuộn toàn bộ tài liệu, hãy sử dụng thuộc tính overflow của phần tử body hoặc html.

Xem thêm:

Hướng dẫn CSS:CSS Tràn

Hướng dẫn CSS:Định vị CSS

Hướng dẫn CSS:Thuộc tính overflow

Mô hình

Ví dụ 1

Sử dụng thuộc tính overflow để cuộn nội dung chệch ra.

document.getElementById("myDIV").style.overflow = "scroll";

Thử ngay

Ví dụ 2

Sử dụng thuộc tính overflow để ẩn nội dung chệch ra.

document.getElementById("myDiv").style.overflow = "hidden";

Thử ngay

Ví dụ 3

Trả về thuộc tính overflow:

alert(document.getElementById("myDiv").style.overflow);

Thử ngay

Cú pháp

Trả về thuộc tính overflow:

object.style.overflow

Đặt thuộc tính overflow:

object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
visible Nội dung sẽ không bị cắt và có thể xuất hiện bên ngoài khung phần tử. Mặc định.
hidden Không hiển thị nội dung bên ngoài khung phần tử.
scroll Thêm thanh cuộn và cắt nội dung khi cần.
auto Cắt nội dung cần thiết và thêm thanh cuộn khi cần.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Thay đổi thuộc tính này từ giá trị của phần tử cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: visible
Giá trị trả về: Chuỗi, biểu thị nội dung được vẽ bên ngoài khung phần tử.
Phiên bản CSS: CSS2

Trình duyệt hỗ trợ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ