CSS Box Properties

 

CSS Box Properties

 

The CSS box model is a container that contains multiple properties including borders, margins, padding, and the content itself. It is used to create the design and layout of web pages. It can be used as a toolkit for customizing the layout of different elements. The web browser renders every element as a rectangular box according to the CSS box model.

Ex1- the CSS box Model is essentially a box that wraps around every HTML element. it consists of Borders, Padding, margins and Actual Content.

CSS Code

 

 

         Output

 

 

 

Ex2- the Example below Shows the height and width property of an element.

              

CSS Code

 Output

 

OverFlow Style Property

The Style overflow property in HTML DOM is used to specify the behavior

 of the content when it overflows the element box. The content may be

 hidden, shown or a scrollbar maybe shown according to the value. 

CSS Code

 

Output