CSS tràn-y cho phép bạn quyết định phải làm gì với các cạnh trên cùng dưới cùng của nội dung. Bạn có thể thử chạy đoạn mã sau để triển khai thuộc tính tràn-y -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: orange;
width: 250px;
height: 45px;
border: 2px solid blue;
overflow-x: hidden;
overflow-y: scroll;
}
</style>
</head>
<body>
<h1>Heading</h1>
<div>Overflow property used here. This is a demo text to show the working of CSS overflow-x and overflow-y.</div>
</body>
</html> Đầu ra
