CSS right Property


Example

Set the right edge of the image 5px to the left of the right edge of its containing element:

img {
    position: absolute;
    right: 5px;
}

Try it yourself »

Definition and Usage

For absolutely positioned elements, the right property sets the right edge of an element to a unit to the left/right of the right edge of its containing element.

For relatively positioned elements, the right property sets the right edge of an element to a unit to the left/right to its normal position.

Note: If "position:static", the right property has no effect.

Default value: auto
Inherited: no
Animatable: yes. Read about animatable Try it
Version: CSS2
JavaScript syntax: object.style.right="200px" Try it

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
right 1.0 5.5 1.0 1.0 5.0 

CSS Syntax

right: auto|length|initial|inherit;

Property Values

Value Description Play it
auto Lets the browser calculate the right edge position. This is default Play it »
length Sets the right edge position in px, cm, etc. Negative values are allowed Play it »
% Sets the right edge position in % of containing element. Negative values are allowed Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit

Related Pages

CSS tutorial: CSS Positioning

CSS reference: left property

CSS reference: bottom property

CSS reference: top property

HTML DOM reference: right property




SHARE THIS PAGE

COLOR PICKER

colorpicker