mozilla

Revision 132104 of -moz-margin-end

  • Revision slug: CSS/-moz-margin-end
  • Revision title: -moz-margin-end
  • Revision id: 132104
  • Created:
  • Creator: Jürgen Jeka
  • Is current revision? No
  • Comment 64 words added, 17 words removed

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) 2.0 (412) -khtml-margin-end
3.0 (522) -khtml-margin-end | -webkit-margin-end

See also

{{ CSS_Reference:Margin() }}

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

Revision Source

<p>{{ CSSMozExtensionRef() }}</p>
<h3>Summary</h3>
<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> <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>Syntax</h3>
<pre class="eval">-moz-margin-end:  {{ Xref_csslength() }}| {{ Xref_csspercentage() }}| {{ Cssxref("inherit") }}| {{ Cssxref("auto") }}
</pre>
<h3>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>Examples</h3>
<pre>  .content {-moz-margin-end: 5%}

  .sidebox {-moz-margin-end: 10px}
</pre>
<h3>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>Browser compatibility</h3>
<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 rowspan="2">Safari (WebKit)</td> <td>2.0 (412)</td> <td><code>-khtml-margin-end</code></td> </tr> <tr> <td>3.0 (522)</td> <td><code>-khtml-margin-end | -webkit-margin-end</code></td> </tr> </tbody>
</table>
<h3>See also</h3>
<p>{{ CSS_Reference:Margin() }}</p>
<p>{{ languages( { "fr": "fr/CSS/-moz-margin-end" } ) }}</p>
Revert to this revision