CSS GUIDE PADDING RIGHT

This document is a work in progress and is subject to change.

Summary

The padding-right elements specifies the padding between an element and a direct sibling of it. Unlike margin, padding is outside of the contents. For example, if you have a <div> with a solid border the padding will be outside of the border.

Applicability:	The padding-right property can be used for all CSS elements.
Media Group:	Visual
Inherited:	No

Syntax

TARGET_ELEMENT{padding-right: 5px}
TARGET_ELEMENT{padding-right: 3em}

Legal Values

The following units are valid for defining padding: cm (centimeters), em (ems), in (inches), mm (millimeters), pc (picas), px (pixels), pt (points), % (percentage of enclosing block level element).

Percentages and ems are the preferred units as they are relative.

See usage examples section for more details.

Usage Examples

p{padding-right: 25%;}  /*Set the right padding to 25% of the enclosing element*/

h1{padding-right: 50px;}  /*Set the right padding to 50 pixels*/

span{padding-right: 2in;}  /*Set the right padding to 2 inches*/

Notes

The World Wide Web Consortium (W3C) provides a free online CSS validation service.

Specification Conformance

• CSS 1
• CSS 2
• CSS 3 (specification not yet published)

Browser Compatibility

• Internet Explorer
• Firefox
• Opera