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

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

Thuộc tính overflow-x xác định có cắt cạnh trái/phải của nội dung - nếu nội dung vượt ra khỏi khu vực nội dung của phần tử.

Lưu ý:Sử dụng overflow-y sử dụng thuộc tính để xác định việc cắt ở cạnh trên/dưới.

Giáo trình CSS:CSS Tràn

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

Mẫu

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

div
{
overflow-x:hidden;
}

Thử ngay

Ngôn ngữ CSS

overflow-x: 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
ẩn Cắt nội dung - không cung cấp cơ chế cuộn. Kiểm tra
cuộn Cắt nội dung - cung cấp cơ chế cuộn. Kiểm tra
tự động Nếu vượt qua khung,则需要提供滚动机制。 Kiểm tra
không hiển thị Nếu nội dung không phù hợp với khung nội dung, hãy xóa toàn bộ khung. Kiểm tra
không-nội-dung Nếu nội dung không phù hợp với khung nội dung, hãy ẩn toàn bộ nội dung. Kiểm tra

Chi tiết kỹ thuật

Giá trị mặc định: hiển thị
Kế thừa: không
Phiên bản: CSS3
Ngôn ngữ lập trình JavaScript: object.style.overflowX="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ợ đầy đủ thuộc tính này.

Số số với tiền tố -ms- biểu thị 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-		 3.5 3.0 9.5