Web-Development/10_overflowprop.html at main · Shubham-py404/Web-Development · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box{
            width: 20vw;
            height: 10vh;
            border: 2px solid black;
            /* overflow: scroll;/ */
            /* adds horizontal bar */
            /* white-space: nowrap; */
            /* text-overflow: ellipsis;*/
            /* overflow-x: scroll; */
            overflow-y: scroll;

        }
    </style>
</head>
<body>
    <div class="box">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, officia. Rem temporibus nihil corporis facere? Cumque sit quasi rem necessitatibus fugit magnam consectetur eum. Neque assumenda deleniti quod harum velit!
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam voluptates tempora ab distinctio officia molestiae quam accusamus nobis quae dolorem error tenetur ipsam nesciunt quaerat deleniti hic, amet explicabo. Nulla?
    </div>
</body>
</html>