CSS Padding - CSS3 Examples

CSS Padding

Written by jon on 7:12 AM
This is a shorthand property which allows an author to specify ‘padding-top’, ‘padding-right’, ‘padding-bottom’, and ‘padding-left’ properties using a single property and value notation (the values are given in this order separated by spaces.) If one or more of the values are not present, the value for a missing side is taken from the opposite side that is present. If only one value is listed, it applies to all sides. The rendered surface of the padding area is taken from the ‘background’ property.

Example
body { padding: 5px 5px 2px 25px }

<body style=”padding: 5px 5px 2px 25px”>this is some content</body>

Possible Values
Value Description
inherit Explicitly sets the value of this property to that of the parent.
[length] Refers to either an absolute measurement or a relative measurement based on the current element's font size.
[percentage] Refers to a percentage of the width of the current element's containing block.

Related Posts by Categories



Widget by John | Interviewghost
  1. 0 comments: Responses to “ CSS Padding ”

RECENT COMMENTS

SUBSCRIBE TO CSS3 EXAMPLES

 Subscribe to css3 Examples via RSS
Or, subscribe via email:
Find CSS3 Examples Entries :