CSS Right Property

From http://www.w3schools.com (Copyright Refsnes Data)

# 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

From http://www.w3schools.com (Copyright Refsnes Data)