❐CSS❐

❐wD Learn

CSS

CSS Introduction

CSS Selectors

CSS Color

CSS Background

CSS Border

CSS Margin

CSS Padding

CSS Box Model

CSS Text

CSS Font

CSS Link

CSS List

CSS Overflow

CSS Display

CSS Combinators

CSS Pseudo-classes

CSS Navigation Bar

CSS Hover

CSS Z-index

CSS Media Queries

CSS Shadow

CSS 2D Transform

CSS Animations

CSS Button

CSS FlexBox

CSS Grid

CSS Pagination

CSS Overflow Sometimes, the content shown is too large to be visible in a single line or division of the website.

So, to avoid the loss of that information, we can use the overflow property.

Overflow Visible

 This makes the whole text visible, irrespective of the container size.

Example


<title>overflow</title>
<style>
.box{
border: 2px solid black;
height: 50px;
width: 50px;
overflow: auto;
}
</style>
</head>
<body>
<div class="box">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, placeat alias voluptatibus numquam nihil hic ipsa molestiae, praesentium dicta unde sapiente officiis labore? Eligendi, voluptas voluptate eius aliquid architecto deleniti.</div>
</body>