-moz-margin-end

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

Revision Content

{{CSSMozExtensionRef}}

Summary

In left to right (LTR) situations, the -moz-margin-end CSS 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-end 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

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

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

Specifications

Not (yet) candidate for specifications.

Browser compatibility

Browser Lowest Version Support of
Internet Explorer --- ---
Firefox (Gecko) 1.0 (1.7) -moz-margin-end
Opera --- ---
Safari (WebKit) --- ---

See also

  • {{CSS_Reference:Margin}}

Revision Source

<div>{{CSSMozExtensionRef}}</div>


<h2 id="Summary" name="Summary">Summary</h2>

<p>In left to right (LTR) situations, the <code>-moz-margin-end</code> CSS 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-end</code> flips the elements margin without having to specify absolute left or right.</p>

<ul class="cssprop">
  <li><dfn>{{Xref_cssinitial}}</dfn> 0</li>
  <li><dfn>Applies to</dfn> all elements except those with table display types other than <code>table-caption</code>, <code>table</code>, and <code>inline-table</code></li>
  <li><dfn>{{Xref_cssinherited}}</dfn> no</li>
  <li><dfn>Percentages</dfn> refer to {{Cssxref("width") }} of closest block-level ancestor</li>
  <li><dfn>Media</dfn> {{Xref_cssvisual}}</li>
  <li><dfn>{{Xref_csscomputed}}</dfn> The percentage as specified or the absolute length</li>
</ul>


<h2 id="Syntax" name="Syntax">Syntax</h2>

<pre class="syntaxbox">
-moz-margin-end:  {{Xref_csslength}}| {{Xref_csspercentage}}| {{Cssxref("inherit") }}| {{Cssxref("auto") }}
</pre>


<h3 id="Values" 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>


<h2 id="Examples" name="Examples">Examples</h2>
<pre class="brush:css">.content { -moz-margin-end: 5% }

.sidebox { -moz-margin-end: 10px }</pre>


<h2 id="Specifications" name="Specifications">Specifications</h2>

<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>


<h2 id="Browser_compatibility" name="Browser_compatibility">Browser compatibility</h2>
<table class="standard-table">
  <tbody>
    <tr>
      <th>Browser</th>
      <th>Lowest Version</th>
      <th>Support of</th>
    </tr>
    <tr>
      <td>Internet Explorer</td>
      <td>---</td>
      <td>---</td>
    </tr>
    <tr>
      <td>Firefox (Gecko)</td>
      <td>1.0 (1.7)</td>
      <td><code>-moz-margin-end</code></td>
    </tr>
    <tr>
      <td>Opera</td>
      <td>---</td>
      <td>---</td>
    </tr>
    <tr>
      <td>Safari (WebKit)</td>
      <td>---</td>
      <td>---</td>
    </tr>
  </tbody>
</table>


<h2 id="See_also" name="See_also">See also</h2>
<ul>
<li>{{CSS_Reference:Margin}}</li>
</ul>
Revert to this revision