mozilla

Revision 132087 of -moz-margin-start

  • Revision slug: CSS/-moz-margin-start
  • Revision title: -moz-margin-start
  • Revision id: 132087
  • Created:
  • Creator: Jürgen Jeka
  • Is current revision? No
  • Comment browser compatibility; 48 words added

Revision Content

{{ CSSMozExtensionRef() }}

Summary

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

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-start: {{ 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-start") }}

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

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

Notes

Specifications

Not yet candidate for Specifications

Browser compatibility

FIXME
Browser Lowest Version Support of
Internet Explorer --- ---
Firefox (Gecko) ? (?) -moz-margin-start
Opera --- ---
Safari (WebKit) 2.0 (?) -khtml-margin-start
3.0 (?) -webkit-margin-start

See also

{{ CSS_Reference:Margin() }}

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

Revision Source

<p>{{ CSSMozExtensionRef() }}</p>
<h3>Summary</h3>
<p>In left to right (LTR) situations the<code> -moz-margin-start </code>CSS property specifies the left margin and is synonymous with {{ Cssxref("margin-left") }}. In RTL cases it sets the right margin (same as {{ Cssxref("margin-right") }}).</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>Syntax</h3>
<pre class="eval">-moz-margin-start: {{ 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>Examples</h3>
<p>{{ CSSRefExampleLink("-moz-margin-start") }}</p>
<pre>  .content {-moz-margin-start: 5%}

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