display in CSS

The display property is the most important CSS property to control the layout for a website.

The display property is the most important CSS property to control the layout for a website.

Display feature

The display property indicates whether an element is displayed and how it displays.Each HTML element has a default display value depending on the element type.The default value for most elements is block or inline.

Block element

Block elements always start with new lines and occupy the entire width possible.Example of block element

  1. -

     

Inline elements

The inline element does not start on the new line and only occupies the required width.Example of inline elements:

  1. display in CSS Picture 1display in CSS Picture 1

Display: none;

display: none;often used with JavaScript to hide / show elements without deleting / re-creating them.Element

3.5 ★ | 2 Vote