-moz-margin-end

  • Revision slug: CSS/-moz-margin-end
  • Revision title: -moz-margin-end
  • Revision id: 132101
  • Created:
  • Creator: Gollapagus
  • Is current revision? No
  • Comment

Revision Content

{{template.CSSMozExtensionRef()}}

Summary

In left to right (LTR) situations, the -moz-margin-end property specifies the right margin and is synonymous with {{template.Cssxref("margin-right")}}. In RTL cases it sets the left margin (same as {{template.Cssxref("margin-left")}}).

In Right to Left (RTL) situations -moz-margin-start flips the elements margin without having to specify absolute left or right.

  • {{template.Xref_cssinitial()}}: 0
  • Applies to: all elements
  • {{template.Xref_cssinherited()}}: no
  • Percentages: refer to {{template.Cssxref("width")}} of closest block-level ancestor
  • Media: {{template.Xref_cssvisual()}}
  • {{template.Xref_csscomputed()}}: The percentage as specified or the absolute length

Syntax

-moz-margin-end: {{template.Xref_csslength()}} | {{template.Xref_csspercentage()}} | {{template.Cssxref("inherit")}} | {{template.Cssxref("auto")}};

Values

<length>
Specifies a fixed width.
<percentage>
A percentage with respect to the width of the containing block.

Examples

{{template.CSSRefExampleLink("-moz-margin-end")}}

  .content {-moz-margin-end: 5%}

  .sidebox {-moz-margin-end: 10px}

Notes

Specifications

Not yet candidate for Specifications

See also

{{wiki.template('CSS_Reference:Margin')}}

{{ wiki.languages( { "fr": "fr/CSS/-moz-margin-end" } ) }}

Revision Source

<p> 
{{template.CSSMozExtensionRef()}}
</p>
<h3 name="Summary"> Summary </h3>
<p>In left to right (LTR) situations, the <code>-moz-margin-end</code> property specifies the right margin and is synonymous with {{template.Cssxref("margin-right")}}. In RTL cases it sets the left margin (same as {{template.Cssxref("margin-left")}}).
</p><p>In Right to Left (RTL) situations <code>-moz-margin-start</code> flips the elements margin without having to specify absolute left or right.
</p>
<ul><li> {{template.Xref_cssinitial()}}: 0
</li><li> Applies to: all elements
</li><li> {{template.Xref_cssinherited()}}: no 
</li><li> Percentages: refer to {{template.Cssxref("width")}} of closest block-level ancestor
</li><li> Media: {{template.Xref_cssvisual()}}
</li><li> {{template.Xref_csscomputed()}}: The percentage as specified or the absolute length
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">-moz-margin-end: {{template.Xref_csslength()}} | {{template.Xref_csspercentage()}} | {{template.Cssxref("inherit")}} | {{template.Cssxref("auto")}};
</pre>
<h3 name="Values"> Values </h3>
<dl><dt>&lt;length&gt;</dt><dd> Specifies a fixed width. 
</dd><dt>&lt;percentage&gt;</dt><dd> A percentage with respect to the width of the containing block. 
</dd></dl>
<h3 name="Examples"> Examples </h3>
<p>{{template.CSSRefExampleLink("-moz-margin-end")}}
</p>
<pre>  .content {-moz-margin-end: 5%}

  .sidebox {-moz-margin-end: 10px}
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Specifications"> Specifications </h3>
<p>Not yet candidate for Specifications
</p>
<ul><li> <a class="external" href="http://www.w3.org/TR/css3-box/#the-margin">CSS 3 box</a>
</li></ul>
<h3 name="See_also"> See also </h3>
<p>{{wiki.template('CSS_Reference:Margin')}}
</p>{{ wiki.languages( { "fr": "fr/CSS/-moz-margin-end" } ) }}
Revert to this revision