CSS Examples: -moz-background-inline-policy

The following examples demonstrate each value of the property with a background image containing a diagonal gradient. Note that when resizing the window, the background under a given piece of text changes for the bounding-box and each-box examples, but does not change for the continuous example.

Examples

bounding-box

This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap.

continuous

This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap.

each-box

This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap. This is filler text to make the line long enough to wrap.

Styles Used

#example dd {
    line-height: normal;
}
#example dd span {
    background: url('Repeatable-diagonal-gradient-background.png');
}
#example dd span#boundingbox {
    -moz-background-inline-policy: bounding-box;
}
#example dd span#continuous {
    -moz-background-inline-policy: continuous;
}
#example dd span#eachbox {
    -moz-background-inline-policy: each-box;
}