mozilla

Revision 312931 of -moz-margin-start

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

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

-moz-margin-start:33%; -webkit-margin-start:33%;

direction:rtl; -moz-margin-start:33%; -webkit-margin-start:33%;

Specifications

Not (yet) candidate for specifications.

Browser compatibility

Browser Lowest Version Support of
Internet Explorer --- ---
Firefox (Gecko) 1.0 (1.7) -moz-margin-start
Opera --- ---
Safari (WebKit) 2.0 (412) -khtml-margin-start
3.0 (522) -khtml-margin-start | -webkit-margin-start

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-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 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-start:  {{ 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>

<p style="-moz-margin-start:33%; -webkit-margin-start:33%; border:double"><code>-moz-margin-start:33%; -webkit-margin-start:33%;</code></p>

<p style="direction:rtl; -moz-margin-start:33%; -webkit-margin-start:33%; border:double"><code style="direction:ltr; unicode-bidi:embed">direction:rtl; -moz-margin-start:33%; -webkit-margin-start:33%;</code></p>


<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/#margins" title="http://www.w3.org/TR/css3-box/#margins">CSS 3 Box model #margins</a> Working draft</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-start</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-start</code></td>
    </tr>
    <tr>
      <td>3.0 (522)</td>
      <td><code>-khtml-margin-start | -webkit-margin-start</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