CSS GUIDE RIGHT

From CDOT Wiki
Revision as of 23:57, 11 December 2006 by SaraM (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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

Summary

The left proprighterty is used to horizontally offset from the right edge of an element.

Applicability:The right property can be used for all CSS elements.
Media Group: Visual
Inherited:No
Default Value:auto

Syntax

TARGET_ELEMENT{right: inhert !important}
TARGET_ELEMENT{right: auto}
TARGET_ELEMENT{right: 20%}
TARGET_ELEMENT{right: 20px}

Legal Values

ValueDescription
inheritExplicitly sets the value to that of the parent
autoAllows the browser to calculate the right position of the element
percentageSets the right position in a percentage from the right edge. Can be 0%-100%
lengthSets the right position in pixels (px), centimeters (cm), etc, from the right edge.

Mozilla Recommended Values

Usage Examples

p{
position: absolute;
right: 20px
}

img{
position: absolute;
right: 15%
}

div{
position: absolute;
right: auto
}

Notes

When right property is used with the position property, if the position property has a value of "static", the right property has no effect on the element.

Specification Conformance

Browser Compatibility

See Also