Box Model:
==========
Box consisting of:
1) Margin ==> can be used to separate html elements within the web page.
2) Content
3) Padding ==> Outer layer to the content
The separation between the content and border
4) Border ==> the separation between margin and padding
Content Properties:
===================
==> several properties:
1) width
2) height
3) float
width:
=====
==> property can be used to define the horizontal size
Syntax:
width : number;
height:
========
==> can use the representation of vertical size
Syntax:
height : number;
float:
======
==> use to represent the content of the block container side by side
Syntax:
float : left | right;
Margin Properties:
==================
1) margin:
==========
to define the margin in all four sides (top, right, bottom and left), we can use "margin" property.
syntax:
margin : number; // can apply the margin in all four sides with same value
margin : n1 n2; // n1 ==> apply top and bottom and n2 ==> right and left
margin : n1 n2 n3; // n1 ==> top, n2 ==> right, n3 ==> bottom and n2 ==> left
margin : top right bottom left;
2) margin-top
=============
==> can use to define the margin in only top side of the box
Syntax:
margin-top : number;
3) margin-right
===============
==> can use to define the margin in right of the box.
Syntax:
margin-right : number;
4) margin-bottom
=================
can use to define the margin in bottom of the box.
Syntax:
margin-bottom : number;
5) margin-left
==============
can use to define the margin in left of the box.
Syntax:
margin-left : number;
===============================================
Padding Properties:
===================
==> to differentiate the content and the border, padding properties can be used.
1) padding:
===========
Syntax:
padding : number; // to apply the padding in all four sides with the same value
padding : n1 n2; // n1 ==> top and bottom / n2 ==> right and left
padding : n1 n2 n3; // n1 ==> top, n2 ==> right, n3 ==> bottom and n2 ==> left
padding : top right bottom left;
2) padding-top
3) padding-right
4) padding-bottom
5) padding-left
=============================================================
India And States