right property

Sets or retrieves the position of the object relative to the right edge of the next positioned object in the document hierarchy.

Syntax

Integer value = object.put_right(Variant v);Integer value = object.get_right(Variant* sPosition);

Property values

Type: VARIANT

one of the values listed in Possible Values.

auto (auto)

Default. Position is determined by the regular HTML layout of the page.

length (length)

Floating-point number, followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px). For more information about the supported length units, see CSS Values and Units Reference.

percentage (percentage)

Integer, followed by a percent sign (%). The value is a percentage of the width of the parent object.

String format

<length> | <percentage> | auto

CSS information

Standards information

• CSS 2.1, Section 9.3.2

Remarks

Only use the IHTMLRuleStyle2::right attribute when the IHTMLRuleStyle2::position attribute is set; otherwise, the value of the IHTMLRuleStyle2::right attribute is ignored.

You cannot use the IHTMLRuleStyle2::right property in script to calculate the position of the object in the document, because the value of the IHTMLRuleStyle2::right property is a string. Instead, use the IHTMLRuleStyle2::pixelRight property or the IHTMLRuleStyle2::posRight property.

You cannot use the IHTMLRuleStyle2::right property to calculate the position of the object in the document, because the value of the IHTMLRuleStyle2::right property is a string.

For more information about how to access the dimension and ___location of objects on the page through the DHTML Object Model, see Measuring Element Dimension and Location with CSSOM in Internet Explorer 9.

Examples

The following example uses the IHTMLRuleStyle2::right property to change the position of the yellow div. In the example below, there are four div elements with absolute positioning. The yellow div is positioned at 35% from the right.

Code example: http://samples.msdn.microsoft.com/workshop/samples/css/positioning/positioning.html

#yellow {
   height: 175px;
   width: 175px;   
   background-color: #FFB900;
   position: absolute;
   right: 35%;
}

Requirements