Monday, April 16, 2018

Css Visibility


Hello guys! afternoon and welcome to this section of my tutorial on CSS. For some time now i haven't posted any tutorial post here, i just want to use this medium to apologize to all my blog readers.

In my last tutorial on CSS i talked about CSS Scrollbar and now i want to discuss about CSS Visibility with you guys. 

The visibility property allows you to hide an element from view. You can use this property along with javascript to create very complex menu and very complex webpage layouts.

You may also choose to use the visibility property to hide error messages that are only displayed if the user needs to see them, or to hide answers to a quiz until the user selects an option.

You can also read: Css Dimensions 

NOTE: Remember that the source code will still contain whatever is in the invisible paragraph, so you should not use this to hide sensitive information such as credit card details or passwords.

The visibility property can take the values listed in the table that follows:




Value

                                       Description

visible

The box and its contents are shown to the user.

hidden

The box and its contents are made invisible, although they still affect the layout of the page.

collapse

This is for use only with dynamic table columns and row effects.

You can also read: Css List

Below is a short example:

<html>
     <head>
     </head>

     <body>
          <p>
                This paragraph should be visible in a normal way.   
          </p>

          <p  style="visibility: hidden;">
                This paragraph will be hidden to the user.
          </p>
     </body>
</html> 



Alright guys, we have come to the end of this tutorial on CSS visibility. Feel free to ask your questions in any area you don't understand properly, and your questions will be attended to as soon as possible.

Like our facebook page and subscribe with us to get our tutorial posts delivered directly to your emails. Also share this tutorial post on the various social media platforms available.

You can follow us on twitter 
You can follow us on google+ 
You can also follow us on pinterest 
Share:

0 comments:

Post a Comment