mozilla

Revision 95179 of -moz-padding-start

  • Revision slug: CSS/-moz-padding-start
  • Revision title: -moz-padding-start
  • Revision id: 95179
  • Created:
  • Creator: BijuGC
  • Is current revision? No
  • Comment

Revision Content

{{ CSSMozExtensionRef() }}

Summary

In Right to Left situations -moz-padding-start flips the elements padding without having to specify absolute left or right. In a Left to Right display -moz-padding-start would be treated as a left sided padding, and alternately in a Right to Left display it would become the right.

Opposite of this option would be {{ Cssxref("-moz-padding-end") }}

  • {{ Xref_cssinitial() }}: 0
  • Applies to: all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column
  • {{ 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-padding-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-padding-start") }}

  .content {
    -moz-padding-start: 5%;
  }

  .sidebox {
    -moz-padding-start: 10px;
  } 

Notes

Specifications

Not yet candidate for Specifications

See also

{{ CSS_Reference:Padding() }}

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

Revision Source

<p> {{ CSSMozExtensionRef() }}
</p>
<h3 name="Summary"> Summary </h3>
<p>In Right to Left situations <code>-moz-padding-start</code> flips the elements padding without having to specify absolute left or right. In a Left to Right display <code>-moz-padding-start</code> would be treated as a left sided padding, and alternately in a Right to Left display it would become the right.
</p><p>Opposite of this option would be {{ Cssxref("-moz-padding-end") }}
</p>
<ul><li> {{ Xref_cssinitial() }}: 0
</li><li> Applies to: all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column
</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 name="Syntax"> Syntax </h3>
<pre class="eval">-moz-padding-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 name="Examples"> Examples </h3>
<p>{{ CSSRefExampleLink("-moz-padding-start") }}
</p>
<pre>  .content {
    -moz-padding-start: 5%;
  }

  .sidebox {
    -moz-padding-start: 10px;
  } 
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Specifications"> 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 name="See_also"> See also </h3>
<p>{{ CSS_Reference:Padding() }}
</p>{{ languages( { "fr": "fr/CSS/-moz-padding-start" } ) }}
Revert to this revision