-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
添加或删除此代码段我看不出有任何区别。
最佳答案
这些是由 Gecko 渲染引擎设置的默认 CSS 属性。
-moz-background-clip
In Gecko-based applications like Firefox the
-moz-background-clip
CSS property specifies whether an element's background, either the color or image, extends underneath its borderborder: (initial) The background extends to the outside edge of the border (but underneath the border in z-ordering).
padding: No background is drawn below the border (background extends to the outside edge of the padding).
-moz-background-inline-policy
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.bounding-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
-moz-background-clip
property.continuous: (Initial) 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.
each-box: The background image is positioned (and repeated) separately for each box of the inline element. This means that an image with
background-repeat : no-repeat
may be repeated multiple times.
-moz-background-origin
In Mozilla applications like Firefox, the
-moz-background-origin
CSS property determines the background positioning area (the origin of a background-image).border: The background position is relative to the border, so the image can go behind the border.
padding: (Initial) The background position is relative to the padding.
content: The background position is relative to the content.
关于css - 这个 css 片段的功能是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1253159/