CSS background అంశం

నిర్వచనం మరియు వినియోగం

background సరళ పరిమితులు ఒక ప్రకటనలో అన్ని బ్యాక్‌గ్రౌండ్ పరిమితులను అమర్చుతాయి.

ఈ పరిమితులను అమర్చవచ్చు:

నాణ్యతను అమర్చకపోతే సమస్య లేదు, ఉదాహరణకు background:#ff0000 url('smiley.gif'); అనుమతించబడుతుంది.

通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

另请参阅:

CSS 教程:CSS బ్యాక్గ్రౌండ్CSS 背景(高级)

HTML DOM 参考手册:background 属性

实例

如何在一个声明中设置所有背景属性:

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

亲自试一试

CSS 语法

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

属性值

描述 CSS
background-color 规定要使用的背景颜色。 1
background-position 规定背景图像的位置。 1
background-size 规定背景图片的尺寸。 3
background-repeat 规定如何重复背景图像。 1
background-origin 规定背景图片的定位区域。 3
background-clip 规定背景的绘制区域。 3
background-attachment 规定背景图像是否固定或者随着页面的其余部分滚动。 1
background-image 规定要使用的背景图像。 1
inherit 规定应该从父元素继承 background 属性的设置。 1

సాంకేతిక వివరాలు

మూల విలువ: not specified
పారంతర్యం: no
సంస్కరణ: CSS1 + CSS3
JavaScript సంకేతపత్రం: object.style.background="white url(paper.gif) repeat-y"

బ్రౌజర్ మద్దతు

పత్రంలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను చెప్పుతాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 3.5