Thuộc tính overflow-y của CSS

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

Thuộc tính overflow-y xác định có cắt cạnh trên/dưới của nội dung - nếu nội dung vượt ra ngoài khu vực nội dung của phần tử.

Lưu ý:Sử dụng overflow-x thuộc tính để xác định việc cắt cạnh trái/phải.

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

Sách tham khảo HTML DOM:Thuộc tính overflowY

Mô hình

Cắt cạnh trái/phải của nội dung div - nếu nội dung vượt ra ngoài khu vực nội dung của phần tử:

div
{
overflow-y:hidden;
}

Thử ngay

Cú pháp CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Giá trị thuộc tính

Giá trị Mô tả Kiểm tra
hiển thị Không cắt nội dung, có thể hiển thị ngoài khung nội dung. Kiểm tra
hidden Cắt nội dung - không cung cấp cơ chế cuộn. Kiểm tra
scroll Cắt nội dung - cung cấp cơ chế cuộn. Kiểm tra
auto Nếu vượt qua khung, thì nên cung cấp cơ chế cuộn. Kiểm tra
no-display Nếu nội dung không phù hợp với khung nội dung, thì xóa toàn bộ khung. Kiểm tra
no-content Nếu nội dung không phù hợp với khung nội dung, thì ẩn toàn bộ nội dung. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: hiển thị
Thừa kế: không
Phiên bản: CSS3
Cú pháp JavaScript: object.style.overflowY="scroll"

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính này.

Số với tiền tố -ms- đại diện cho phiên bản đầu tiên sử dụng tiền tố.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5