CSS Reference Manual

CSS @rules (RULES)

Complete List of CSS Properties

CSS margin-top attribute CSS margin-left attribute

CSS margin-Usage and example of right attribute

margin-The right CSS attribute sets the right margin of the element. However, in many cases, likemarginSuch a shorthand CSS attribute is more convenient and preferable to use.

The following table provides usage instructions and version history of this attribute, as well as its usage syntax in JavaScript scripts.

Default value:	0
Applies to:	All elements, but not table displayType (table-caption table inline-table) except for elements. It also applies to ::first-letter.
Inheritance:	No
Animatable:	Yes.Please refer to Animation properties.
Version:	CSS 1,2,3
JavaScript syntax:	object.style.marginRight="10px"

margin-Syntax of right

The syntax of this attribute is as follows:

margin-right: length | percentage | auto | initial | inherit

The following examples demonstrate how to use margin-right attribute.

Example

　　h1　{
　　　margin-right:　25px;
　　}
　　p　{
　　　margin-right:　50px;
　　}

Test to see‹/›

Attribute value

The following table describes the value of this attribute.

Value	Description
length	Size value, in units of px, pt, cm, em, etc. Negative values are allowed.
percentage	Percentage. The percentage is calculated relative to the width of the element's containing block.
auto	The browser will calculate the margin of the specified element.
initial	Set this property to its default value.
inherit	If specified, the associated element uses its parent element's margin-The value of the right attribute.

Browser compatibility

margin-Browser compatibility of the right attribute; the numbers in the table below represent the minimum version number of the browsers that support this attribute; all mainstream browsers support this attribute.

	Firefox 1+ Google Chrome1+ Internet Explorer 3+ Apple Safari 1+ Opera 4+

Please refer to the following tutorials:CSS Margin,CSS Box Model.

Related properties:margin,margin-top,margin-bottom,margin-left.