在CSS3中,background-size的所有属性是什么?

时间:2011-06-12 20:45:51

标签: css css3

以下是我所知道的:

  • %,与background-size: 100%;
  • 一样
  • px,与background-size: 1000px 2000px;
  • 一样

还有什么?

2 个答案:

答案 0 :(得分:2)

您可以在此处阅读规范:http://www.w3.org/TR/css3-background/#the-background-size

<bg-size> = [ <length> | <percentage> | auto ]{1,2} | cover | contain
  

值具有以下含义:

     

“包含”
      缩放图像,同时保持其固有的纵横比(如果有的话)到最大尺寸,使得其宽度和高度都可以适合背景定位区域。

     

“盖”
      缩放图像,同时保持其固有的纵横比(如果有的话)到最小尺寸,使得其宽度和高度都可以完全覆盖背景定位区域。

     

[ <length> | <percentage> | auto ]{1,2}
     第一个值给出相应图像的宽度,第二个值给出它的高度。如果只给出一个值,则假定第二个值为“auto”。

     

百分比是相对于背景定位区域的。

     

通过使用图像的固有比率和其他维度的大小来解决一个维度的“自动”值,或者使用图像的内在大小来解决这个问题,或者对此失败,处理它是100%。

     

如果两个值均为“auto”,则应使用图像的固有宽度和/或高度(如果有)。如果图像既没有固有宽度也没有固有高度,则其大小确定为“包含”。

     

不允许使用负值。

否则,请尝试:https://developer.mozilla.org/en/CSS/background-size

答案 1 :(得分:0)

http://www.w3schools.com/css3/css3_pr_background-size.asp 看一下语法 - &gt;长度|百分比|盖|含有