OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES CSS
CSS - Overflow

BASIC

Introduction to CSS Getting Started CSS Basic Structure CSS Syntax CSS Selectors CSS Universal Selector CSS Element Selector CSS ID Selector CSS Class Selector CSS Group Selector CSS Descendant Selector CSS Child Selector CSS Adjacent Sibling Selector CSS General Sibling Selector CSS Pseudo Element Selector CSS Pseudo Class Selector CSS Attribute Selector CSS Comments CSS Rule CSS Colors CSS Foreground and Background Color CSS Fonts CSS Background CSS Background Clip CSS Background Origin CSS Background Size CSS Text/Word Formatting CSS Images

INTERMEDIATE

CSS Borders CSS Margin CSS Padding CSS Dimension CSS Outline CSS Lists CSS Tables CSS Links CSS Overflow CSS Cursor CSS Float CSS Clear

Overflow

PREVIOUS NEXT

Overflow property in CSS is used to specify or control what happens to the content that is too big to fit into the width and height of the container, screen size or area. The overflow property values include:

  • visible - content can be displayed outside the box if it doesn't fit.
  • hidden - content that doesn't fit will not be displayed outside the box.
  • scroll - add scrollbar to scroll and see content that doesn't fit.
  • auto - add scrollbar when necessary, automatically.
TRY IT OUT YOURSELF

OVERFLOW X AND Y

You can also use overflow-x and overflow-y properties to specify overflow horizontally and vertically

TRY IT OUT YOURSELF

OVERFLOW WRAP

We also have overflow-wrap property which is used to break lines with long words, if the container is set to overflow.

TRY IT OUT YOURSELF
PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT