Thuộc tính overflow trong CSS

Posted on by mtoplistChuyên mục:Top List

Tóm Tắt

Cú Pháp

-Thuộc tính này có tác dụng thiết lập xem điều gì sẽ xảy khi nội dung vượt quá thành phần.

Cú pháp:

overflow: visible|hidden|scroll|auto;

Trong đó:

  • visible – Nội dung vượt quá sẽ tràn ra phía bên ngoài thành phần. Đây là giá trị mặc định.
  • hidden – Nội dung vượt quá sẽ bị ẩn đi.
  • scroll – Thành phần hiển thị thêm thanh scroll để kéo.
  • auto – Nội dung vượt quá thì sẽ thêm thanh scroll vào thành phần.

Ví Dụ

VD1: Thiết lập overflow scroll cho thẻ p.

VD2: Thiết lập overflow visible cho thẻ p.

 

mtoplist