« CSS « CSS Reference « Mozilla Extensions

-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 -moz-padding-start

  • Initial value: 0
  • Applies to: all elements except table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column
  • Inherited: no
  • Percentages: refer to width of closest block-level ancestor
  • Media: visual
  • Computed value: the percentage as specified or the absolute length


-moz-padding-end: <length> | <percentage> | inherit | auto;

-moz-padding-end: <length> | <percentage> | inherit | auto;


Specifies a fixed width.
a percentage with respect to the width of the containing block.


View Live Examples

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

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

Browser Compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 2 -webkit 3.0 (1.9) -moz Not supported Not supported 3.0 -webkit
Feature Android Android Webview Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
Basic support ? ? ? ? ? ? ?

See also

Padding-related properties: padding, padding-top, padding-right, padding-bottom, padding-left, border, margin

Document Tags and Contributors

Last updated by: Jeremie,