Wednesday, 15 August 2012

css padding property tutorial


Introduction of Css Padding property


css padding property is used to set whitespace inside the border of html element.
css padding

We can also implement seperate padding for each(left,top,right,bottom).

  • padding-left :
        Syntex :
        selector
        {
           padding-left:2px;
        }
        
  • padding-top :
        Syntex :
        selector
        {
           padding-top:2px;
        }
        
  • padding-right :
        Syntex :
        selector
        {
           padding-right:2px;
        }
        
  • padding-bottom :
        Syntex :
        selector
        {
           padding-bottom:2px;
        }
        
We can also apply padding in single line.
    Syntex :
    selector
    {
       padding:1px;
    }
    
Click to practice online example

No comments:

Post a Comment