-moz-margin-end

  • Revision slug: CSS/-moz-margin-end
  • Revision title: -moz-margin-end
  • Revision id: 132102
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment /* Summary */

Revision Content

{{ CSSMozExtensionRef() }}

Summary

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

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

  • {{ Xref_cssinitial() }}: 0
  • Applies to: all elements except those with table display types other than table-caption, table, and inline-table
  • {{ Xref_cssinherited() }}: no
  • Percentages: refer to {{ Cssxref("width") }} of closest block-level ancestor
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}: The percentage as specified or the absolute length

Syntax

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

Values

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

Examples

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

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

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

Notes

Specifications

Not yet candidate for Specifications

See also

{{ CSS_Reference:Margin() }}

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

Revision Source

<p> {{ 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 {{ Cssxref("margin-right") }}. In RTL cases it sets the left margin (same as {{ 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> {{ Xref_cssinitial() }}: 0
</li><li> Applies to: all elements except those with table display types other than <code>table-caption</code>, <code>table</code>, and <code>inline-table</code>
</li><li> {{ Xref_cssinherited() }}: no </li><li> Percentages: refer to {{ Cssxref("width") }} of closest block-level ancestor
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}: The percentage as specified or the absolute length
</li></ul>
<h3 name="Syntax"> Syntax </h3>
<pre class="eval">-moz-margin-end: {{ Xref_csslength() }} | {{ Xref_csspercentage() }} | {{ Cssxref("inherit") }} | {{ 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>{{ 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>{{ CSS_Reference:Margin() }}
</p>{{ languages( { "fr": "fr/CSS/-moz-margin-end" } ) }}
Revert to this revision