-moz-padding-end

  • Revision slug: CSS/-moz-padding-end
  • Revision title: -moz-padding-end
  • Revision id: 95200
  • Created:
  • Creator: Sheppy
  • Is current revision? No
  • Comment experimenting with broken macro; 39 words added

Revision Content

{{ CSSMozExtensionRef() }}

Summary

-moz-padding-end specifies the logical end padding for an element. The computed value of the element's direction property then determines how the padding is translated to a physical padding. If the computed direction is left-to-right (ltr) then -moz-padding-end sets the right padding; otherwise it sets the left padding.

See also {{ Cssxref("-moz-padding-start") }}

  • {{ 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-end: {{ Xref_csslength() }} | {{ Xref_csspercentage() }} | {{ Cssxref("inherit") }} | {{ Cssxref("auto") }};
-moz-padding-end: {{ cssxref("length") }} | {{ cssxref("percentage") }} | {{ Cssxref("inherit") }} | {{ Cssxref("auto") }};

Values

{{ xref_csslength() }}
Specifies a fixed width.
{{ xref_csspercentage() }}
a percentage with respect to the width of the containing block.

Examples

{{ CSSRefExampleLink("-moz-padding-end") }}

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

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

Notes

Specifications

Not yet candidate for Specifications

CSS 3 Writing Modes

Browser Compatibility

Browser Lowest version
Internet Explorer --
Firefox (Gecko)  Firefox 3 (1.9) (-moz-padding-start)
Opera --

Safari | Chrome | WebKit

3 | 2 | 528.17 (-webkit-padding-start)

See also

{{ CSS_Reference:Padding() }}

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

Revision Source

<p>{{ CSSMozExtensionRef() }}</p>
<h3 name="Summary">Summary</h3>
<p><code>-moz-padding-end</code> specifies the logical end padding for an element. The computed value of the element's <code>direction</code> property then determines how the padding is translated to a physical padding. If the computed direction is left-to-right (ltr) then <code>-moz-padding-end</code> sets the right padding; otherwise it sets the left padding.</p>
<p>See also {{ Cssxref("-moz-padding-start") }}</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-end: {{ Xref_csslength() }} | {{ Xref_csspercentage() }} | {{ Cssxref("inherit") }} | {{ Cssxref("auto") }};</pre>
<pre class="eval">-moz-padding-end: {{ cssxref("length") }} | {{ cssxref("percentage") }} | {{ Cssxref("inherit") }} | {{ Cssxref("auto") }};</pre>
<h3 name="Values">Values</h3>
<dl> <dt>{{ xref_csslength() }}</dt> <dd>Specifies a fixed width.</dd> <dt>{{ xref_csspercentage() }}</dt> <dd>a percentage with respect to the width of the containing block.</dd>
</dl>
<h3 name="Examples">Examples</h3>
<p>{{ CSSRefExampleLink("-moz-padding-end") }}</p>
<pre>  .content {
    -moz-padding-end: 5%;
  }

  .sidebox {
    -moz-padding-end: 10px;
  } 
</pre>
<h3 name="Notes">Notes</h3>
<h3 name="Specifications">Specifications</h3>
<p>Not yet candidate for Specifications</p>
<p><a class=" external" href="http://www.w3.org/TR/css3-writing-modes/" title="http://www.w3.org/TR/css3-writing-modes/">CSS 3 Writing Modes</a></p>
<h3 name="See_also">Browser Compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>Lowest version</th> </tr> <tr> <td>Internet Explorer</td> <td>--</td> </tr> <tr> <td>Firefox (Gecko)</td> <td> Firefox 3 (1.9) <span style="font-size: x-small; ">(-moz-padding-start)</span></td> </tr> <tr> <td>Opera</td> <td>--</td> </tr> <tr> <td> <p>Safari | Chrome | WebKit</p> </td> <td> <p>3 | 2 | 528.17 <span style="font-size: x-small; ">(-webkit-padding-start)</span></p> </td> </tr> </tbody>
</table>
<h3 name="See_also">See also</h3>
<p>{{ CSS_Reference:Padding() }}</p>
<p>{{ languages( { "fr": "fr/CSS/-moz-padding-end" } ) }}</p>
Revert to this revision