Adobe Dreamweaver

ID #1007

How does CSS padding work?

When using CSS padding you can use the numbers in a few different methods. The most basic is to assign a measurement for each side. The numbers travel around the four sides of a CSS box model starting from the Top, and moving clockwise from Right to Bottom, finishing Left measurement size.

Example Code- assigning a different value for each side
padding:11px 25px 45px 10px;

  • top padding is 11px
  • right padding is 25px
  • bottom padding is 45px
  • left padding is 10px

Tags: CSS, Padding

Related entries:

Last update: 2009-09-19 01:36
Author: Gary Crossey
Revision: 1.0

Digg it! Print this record Send FAQ to a friend Show this as PDF file
Propose a translation for Propose a translation for
Please rate this FAQ:

Average rating: 0 out of 5 (0 Votes )

completely useless 1 2 3 4 5 most valuable

You can comment this FAQ