Monday, April 16, 2018

Visibility (Css tutorial)

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: Dimensions (Css tutorial)

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:




The box and its contents are shown to the user.


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


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

You can also read: Css List (Css tutorial)

Below is a short example:

This paragraph should be visible in a normal way.

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

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 

Links to previous tutorials on CSS : Css Introduction (Css tutorial) ,  Syntax (Css tutorial)  ,  Inclusion (Css tutorial) , Css Measurement Units (Css tutorial)  , Backgrounds (Css tutorial) , Fonts (Css  tutorial)  , Text (Css tutorial)  , Images (Css tutorial)  , Links (Css tutorial) , Css table (Css tutorial) , Css border (Css tutorial)  , Css margin (Css tutorial)  , Css List (Css tutorial)  , Css padding (Css tutorial)  , Css cursor , Css outlne (Css tutorial) , Dimensions (Css tutorial) , Scrollbar Css


Post a Comment