CSS Display and Visibility

Display:

The display property controls the box's type generated by an element.

 

Property:

  • <div>

  • <span>

<div>element is rendered as block

while the <span> element is displayed inline.

Ex.

        span {

                       display: block;

            }

 

Visibility:

The visibility property determines whether an element is visible or hidden.

Property:

visible

hidden

collapse

inherit

Ex.

visibility: hidden;

Powered  by Codersarts