Thanh cuộn là các thanh dọc và ngang dọc theo bên phải (khi viết từ trái sang phải) và các cạnh dưới cùng của cửa sổ hoặc một vùng riêng biệt trong cửa sổ, được thiết kế để di chuyển nội dung theo chiều dọc hoặc chiều ngang. Các trang web sử dụng các phần tử của Trang tính kiểu xếp tầng (CSS) được nhúng trong HTML để kiểm soát giao diện và hành vi của chúng.
Hướng dẫn
Bước 1
Sử dụng thẻ div nếu bạn muốn làm cho thanh cuộn không dành cho toàn bộ trang mà chỉ dành cho một vùng giới hạn của nó. Trong HTML (Ngôn ngữ đánh dấu siêu văn bản), "thẻ" đề cập đến các lệnh riêng lẻ để trình duyệt hiển thị một phần tử trang cụ thể. Ở dạng đơn giản nhất, thẻ div (thường được gọi là "lớp") được viết như thế này:
Đây là văn bản bên trong lớp
Đây là thẻ mở và là thẻ đóng. Mọi thứ được đặt giữa thẻ mở và thẻ đóng đều nằm trong lớp như trong vùng chứa và vùng chứa này có thể được đo kích thước - chiều rộng và chiều cao. Điều này được thực hiện bằng cách sử dụng kiểu tham số bổ sung ("thuộc tính"), kiểu này sẽ được thêm vào thẻ mở:
Đây là văn bản bên trong lớp
Bước 2
Bao gồm cả thuộc tính style của thẻ div và các quy tắc cho thanh cuộn của lớp:
Đây là văn bản bên trong lớp
Ở đây tràn: auto có nghĩa là các thanh cuộn sẽ tự động xuất hiện, tức là khi nội dung của lớp sẽ không vừa với các kích thước được chỉ định. Nếu tự động được thay thế bằng cuộn, thì những sọc này sẽ luôn hiện diện, bất kể chúng có cần thiết hay không. Giá trị ẩn sẽ có tác dụng ngược lại - cuộn sẽ không bao giờ xuất hiện, ngay cả khi nội dung của vùng chứa này không hiển thị bên ngoài các cạnh của nó.
Bước 3
Sử dụng một phương pháp tương tự để thêm thanh cuộn vào toàn bộ trang. Theo mặc định, chúng xuất hiện khi cần thiết, nhưng nếu vì bất kỳ lý do gì mà chúng cần hiện diện liên tục trên trang, thì quy tắc kiểu tương ứng sẽ được thêm vào mã html nguồn. Tìm thẻ đóng của phần đầu tài liệu trong mã của trang và viết các hướng dẫn kiểu này ở phía trước thẻ:
nội dung {tràn: cuộn;}
