right
JavaScript syntax:
right
Values:
<length> | <percentage> | auto | inherit
Initial value:
auto
Applies to:
Positioned elements (not static positioned).
Inherited:
No.
Percentages:
Refer to the width of the containing block.
Description:
right defines the offset to the right outer margin edge of a positioned element.
<h2>Examples: </h2>
<p>
<img id="myImg" src="http://java2s.com/Book/HTML-CSSImages/star.png" width=74 height=100" style="position: relative">
</p>
<input type="button" value="Set right property to 100" onclick="myImg.style.right=100">
<input type="button" value="Set right property to 200" onclick="myImg.style.right=200">
<input type="button" value="Restore image position" onclick="myImg.style.right=0">
Home
HTML CSS Book
CSS Reference
HTML CSS Book
CSS Reference
Property:
- background
- background-attachment
- background-color
- background-image
- background-position
- background-repeat
- border
- border-bottom
- border-bottom-color
- border-bottom-style
- border-bottom-width
- border-color
- border-left
- border-left-color
- border-left-style
- border-left-width
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-style
- border-top
- border-top-color
- border-top-style
- border-top-width
- border-width
- bottom
- clear
- clip
- color
- content
- counter-increment
- counter-reset
- cursor
- direction
- display
- float
- font
- font-family
- font-size
- font-style
- font-variant
- font-weight
- height
- left
- letter-spacing
- line-height
- list-style
- list-style-image
- list-style-position
- list-style-type
- margin
- margin-bottom
- margin-left
- margin-right
- margin-top
- max-height
- max-width
- min-height
- min-width
- outline
- outline-color
- outline-style
- outline-width
- overflow
- padding
- padding-bottom
- padding-left
- padding-right
- padding-top
- position
- quotes
- right
- text-align
- text-decoration
- text-indent
- text-transform
- top
- unicode-bidi
- vertical-align
- visibility
- white-space
- width
- word-spacing
- z-index
Related: