top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

Facebook Login
Site Registration

How to use overflow property in CSS?

0 votes
20 views
How to use overflow property in CSS?
posted Apr 14, 2017 by Arun Angadi

Share this question
Facebook Share Button Twitter Share Button Google+ Share Button LinkedIn Share Button Multiple Social Share Button

1 Answer

0 votes

The CSS overflow property determines how content which overflows its element's content area should be handled.

Possible Values (Properties)

  1. visible-- Overflowing content should be displayed.
  2. hidden-- Overflowing content should not be displayed.
  3. scroll-- Overflowing content should not be displayed, but the user agent should provide some means of accessing the hidden content (e.g., a set of scrollbars).
  4. auto-- The behavior caused by this value is dependent on the browser.

                                                    Steps---
    

1.First create index.html page as follows--(you can change your tags according to your requirements)
enter image description here

2.Then create styles.css
enter image description here

OUTPUT for the above code

enter image description here


For hidden overflow

change that overflow as hidden (snapshot is given below)
enter image description here

OUTPUT for above code
enter image description here


For scroll overflow(go through given snapshot)
enter image description here
OUTPUT for the above code
enter image description here


For auto overflow-
change the overflow as auto the output will be--
enter image description here


Thanks

answer Apr 16, 2017 by Pankaj Singh
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#280, 3rd floor, 5th Main
6th Sector, HSR Layout
Bangalore-560102
Karnataka INDIA.
QUERY HOME
...