We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

-moz-padding-start Redirect 1

« CSS « CSS Reference « Mozilla Extensions


-moz-padding-start specifies the logical start 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-start sets the left padding; otherwise it sets the right padding.

See also -moz-padding-end

  • 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-start: <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-start: 5%;

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



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

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

Document Tags and Contributors

Last updated by: Sheppy,