-moz-margin-end

  • Revision slug: Web/CSS/-moz-margin-end
  • Revision title: -moz-margin-end
  • Revision id: 439953
  • Created:
  • Creator: hefler
  • Is current revision? No
  • Comment https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266--webkit-margin-start

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)
3.0
-webkit-margin-end

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>
        <div>
          3.0</div>
      </td>
      <td><code>-webkit-margin-end</code></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