Firefox/CSS Tips: Difference between revisions

Added tip.
(Added flexbox style names and shared themes mention)
(Added tip.)
Line 93: Line 93:
* For margins, padding and borders, use start/end rather than left/right
* For margins, padding and borders, use start/end rather than left/right
** Example: Use <tt>-moz-margin-start: 3px;</tt> not <tt>margin-left: 3px</tt>
** Example: Use <tt>-moz-margin-start: 3px;</tt> not <tt>margin-left: 3px</tt>
** Tip: whenever you specify an <tt>unbalanced</tt> margin, padding or border style (i.e. the value for left is different from the value for right), think of using -end/ -start
* When there is no special RTL-aware property (eg. float: left|right) available, use the pseudo :-moz-locale-dir(ltr|rtl)  
* When there is no special RTL-aware property (eg. float: left|right) available, use the pseudo :-moz-locale-dir(ltr|rtl)  
* Remember that while a tab content's scrollbar still shows on the right in RTL, an overflow scrollbar will show on the left
* Remember that while a tab content's scrollbar still shows on the right in RTL, an overflow scrollbar will show on the left
Confirmed users
74

edits