Difference between revisions of "CSS GUIDE RIGHT"
(→Browser Compatibility) |
|||
| (3 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br /> | <span style="margin:0;background:#ffff33;font-size:120%;font-weight:bold;border:1px solid #a3b0bf;text-align:left;color:#000;padding:0.2em 0.4em;">This document is a work in progress and is subject to change.</span><br /><br /> | ||
| − | == Summary == | + | == Summary == |
The right property is used to horizontally offset from the right edge of an element. | The right property is used to horizontally offset from the right edge of an element. | ||
<table border="0"> | <table border="0"> | ||
| Line 83: | Line 83: | ||
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_BOTTOM bottom property] | * [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_BOTTOM bottom property] | ||
* [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_TOP top property] | * [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_TOP top property] | ||
| + | * [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_OVERFLOW overflow property] | ||
| + | * [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_POSITION position property] | ||
| + | * [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_VERTICAL_ALIGN vertical-align property] | ||
| + | * [http://zenit.senecac.on.ca/wiki/index.php?title=CSS_GUIDE_Z_INDEX z-index property] | ||
Latest revision as of 15:14, 11 September 2007
This document is a work in progress and is subject to change.
Contents
Summary
The right property is used to horizontally offset from the right edge of an element.
| Applicability: | The right property can be used for positioned 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
| Value | Description |
|---|---|
| inherit | Explicitly sets the value to that of the parent |
| auto | Allows the browser to calculate the right position of the element |
| percentage | Sets the right position in a percentage from the right edge. Can be 0%-100% |
| length | Sets 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
- CSS 1
- CSS 2.1
- CSS 3
Browser Compatibility
- Netscape 6, 7
- Mozilla 1
- Firefox 1, 2
- Internet Explorer 5, 6
