这个css片段的功能是什么？

Question

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;

我是否看到添加或删除此代码段没有任何区别.

Answer 1

这些是Gecko渲染引擎设置的默认CSS属性.

-moz-背景夹

在像Firefox这样的基于Gecko的应用程序中,-moz-background-clipCSS属性指定元素的背景(颜色或图像)是否在其边框下方延伸

border :( initial)背景延伸到边框的外边缘(但在z-ordering中的边框下方).

填充:边框下方没有绘制背景(背景延伸到填充的外边缘).

-moz-背景直列政策

在像Firefox这样的基于Gecko的应用程序中,-moz-background-inline-policyCSS属性指定当内联元素的内容包装到多行时如何确定内联元素的背景图像.位置的选择对重复有显着影响.

边界框:背景图像位于(并重复)最小矩形中,该矩形包含元素的所有内联框.然后根据-moz-background-clip属性将其剪裁为仅在这些框内可见.

连续 :(初始)背景图像被定位(并重复),好像内联框没有跨越线,然后将这个长矩形切成每行的碎片.

每个框:为内联元素的每个框分别定位(和重复)背景图像.这意味着background-repeat : no-repeat可以重复多次图像.

-moz-背景起源

在Firefox等Mozilla应用程序中,-moz-background-originCSS属性决定了背景定位区域(背景图像的原点).

border:背景位置相对于边框,因此图像可以位于边框后面.

padding :(初始)背景位置相对于填充.

content:背景位置相对于内容.