In Gecko-based applications like Firefox, the
-moz-background-inline-policy CSS property specifies how the background image of an inline element is determined when the content of the inline element wraps onto multiple lines. The choice of position has significant effects on repetition.
- Initial value:
- Applies to: inline elements
- Inherited: no
- Computed value: as specified
This property has been standardized in css3-background with the name
box-decoration-break, except that
box-decoration-break applies to borders in addition to backgrounds. The
continuous value is equivalent to
slice, and the
each-box value is equivalent to
clone. An equivalent to the
bounding-box value was not included in the standard, and the functionality is likely to be removed when the standard feature is implemented.
-moz-background-inline-policy: bounding-box | continuous | each-box
The background image is positioned (and repeated) in the smallest rectangle that contains all of the inline boxes for the element. It is then clipped to be visible only within those boxes, according to the
- The background image is positioned (and repeated) as if the inline box were not broken across lines, and then this long rectangle is sliced into pieces for each line.
The background image is positioned (and repeated) separately for each box of the inline element. This means that an image with
no-repeatmay be repeated multiple times.
- Example showing the values of
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari|
|Basic support||Not supported||1.0 Unknown (1.3)||Not supported||Not supported||Not supported|
|Feature||Android||Chrome for Android||Firefox Mobile (Gecko)||IE Mobile||Opera Mobile||Safari Mobile|
|Basic support||Not supported||Not supported||?||Not supported||Not supported||Not supported|