Computer >> Máy Tính >  >> Lập trình >> CSS

CSS tràn:cuộn

Trong thuộc tính phần bổ sung CSS có giá trị scroll , phần tràn được cắt bớt và một thanh cuộn được thêm vào. Điều này cho phép người dùng đọc toàn bộ nội dung.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai CSS tràn:cuộn tài sản -

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: orange;
            width: 250px;
            height: 45px;
            border: 2px solid blue;
            overflow: scroll;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <div>Overflow property used here. This is a demo text to show the working of CSS overflow: scroll. This won't hide the content. Now a scrollbar will be visible.</div>
   </body>
</html>

Đầu ra

CSS tràn:cuộn