Tự học CSS: Thuộc tính overflow

Bài viết đầu tiên trong series Tự học CSS, mình xin chia sẻ với các bạn về thuộc tính overflow - Xử lý nội dung tràn box.

1. Cấu trúc khai báo:

.class { overflow: giá trị }

#id { overflow: giá trị }

keyword { overflow: giá trị }

2. Một số giá trị và ý nghĩa:

- overflow: visible (Giá trị mặc định - Khi box không đủ chứa nội dung thì nội dung vẫn tràn ra khỏi box)
- overflow: hidden (Khi box không đủ chứa nội dung thì phần nội dung bị tràn sẽ được ẩn đi)
- overflow: auto (Khi box không đủ chứa nội dung thì thanh cuộn scroll dọc sẽ xuất hiện)
- overflow: scroll (Khi box không đủ chứa nội dung thì cả thanh cuộn scroll ngang và dọc sẽ xuất hiện)

Chúc các bạn thành công !