CSS- Overflow

When the content of an element is too big to fit in a specified area, we use the overflow property which specifies whether to clip content or to add scrollbars

The list-style-type Property

  • visible
  • hidden
  • scroll
  • auto
  • Visible

    Default. The overflow is not clipped. It renders outside the element's box

    Example :-

    Result

    You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.

    Hidden

    When we use hidden overflow property it means the overflow is clipped, and the rest of the content will be invisible

    Example :-

    Result

    You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.

    Scroll

    When we use hidden overflow property it means the overflow is clipped, but a scrollbar is added to see the rest of the content

    Example :-

    Result

    You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.

    Auto

    When we use hidden overflow property it means if overflow is clipped, a scrollbar should be added to see the rest of the content.

    Example

    Result

    You can use the overflow property when you want to have better control of the layout. The overflow property specifies what happens if content overflows an element's box.