CSS right Property
 Complete CSS Reference
Definition
The right property specifies the right edge of an element.
Note: If the "position" property has a value of
"static", the "right" property has no effect.
Inherited: No
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.right="100px"
In our HTML DOM tutorial you can find more details about the
right property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
|
This example sets the right edge of the paragraph 20 px to the left
of the right edge of the window:
p
{
position: absolute;
right: 20px
}
This example sets the right edge of the paragraph 20 px to the right
of the right edge of the window:
p
{
position: absolute;
right: -20px
}
|
Possible Values
| Value |
Description |
| auto |
Default. Lets the browser calculate the right position |
| % |
Sets the right position in % from the right edge of the
window |
| length |
Sets the right position in px, cm, etc. from the right edge of
the window. Negative values are allowed
|
Try-It-Yourself Demos
Set the
right edge of an image using a pixel value
This example demonstrates how to set the right edge of an element using a pixel
value.
Set the right edge of an image using a percent value
This example demonstrates how to set the right edge of an element using a
percent value.
Complete CSS Reference
Want To Be A Web Master?
If you want to be a Web Master, you will have to host your web site with an ISP (Internet Service Provider).
MaximumASP offers seven different configurations of dedicated servers to meet your Windows and .NET hosting needs.
Hosted on our multi-tiered Enterprise Class network, these servers provide the performance, security and reliability
you need to host your high end web sites and applications.
Visit MaximumASP
| 
HOME
Printer friendly page
