CSS background-image 属性
- పూర్వ పేజీ background-color
- తదుపరి పేజీ background-origin
నిర్వచనం మరియు వినియోగం
background-image అంశంలో బ్యాక్గ్రౌండ్ చిత్రాన్ని సెట్ చేస్తుంది.
అంశం బ్యాక్గ్రౌండ్ అంశం అంతా పరిధిలో ఉంటుంది, అంటే పైకప్పుడు మరియు కింది మూలలో ఉన్న ప్రాంతాలను కలిగి ఉంటుంది, కానీ మూలలో ఉన్న ప్రాంతాలను కలిగి ఉంటుంది కాదు.
అప్రమేయంగా, బ్యాక్గ్రౌండ్ చిత్రం అంశం ఎల్లప్పుడూ అంశం ఎడమ మూలలో ఉంటుంది మరియు అండర్ అక్షాలలో పునరావృతం అవుతుంది.
సలహా:ప్రతిపాదనకు అనుగుణంగా, బ్యాక్గ్రౌండ్ చిత్రం కానిది ఉంటే పేజీకి మంచి దృష్టికర ప్రభావాన్ని కలిగించగలదు.
వివరణ
background-image లక్షణం అంశంలో ఒక చిత్రాన్ని సెట్ చేస్తుంది.
ప్రతిపాదనకు అనుగుణంగా ఉంటుంది: background-repeat లక్షణానికి విలువల ప్రకారం, చిత్రం అనంతంగా పునరావృతం అవుతుంది, కానీ కొన్ని అక్షాలపై (x అక్షం లేదా y అక్షం) పునరావృతం అవుతుంది లేదా కాని పునరావృతం కాదు.
ప్రారంభ బ్యాక్గ్రౌండ్ చిత్రం (మొదటి చిత్రం) ప్రతిపాదనకు అనుగుణంగా ఉంటుంది: background-position లక్షణానికి విలువలను చేర్చండి.
మరియు చూడండి:
CSS పాఠ్యక్రమం:CSS బ్యాక్గ్రౌండ్మరియుCSS బ్యాక్గ్రౌండ్ (అధునాతన)మరియుCSS గ్రేడియంట్
HTML DOM పరిశీలన పాఠ్యక్రమం:backgroundImage లక్షణం
ప్రాయోగిక ఉదాహరణ
పేజీ బ్యాక్గ్రౌండ్ చిత్రాన్ని సెట్ చేయండి:
body
{
background-image: url(bgimage.gif);
background-color: #000000;
}
CSS సంకేతాలు
background-image: url|none|initial|inherit;
లక్షణ విలువ
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| url('URL) | చిత్రానికి మార్గం సూచిస్తుంది. |
| కానిమా | అప్రమేయం. బ్యాక్గ్రౌండ్ చిత్రాన్ని చూపకుండా ఉంచు. |
| పారంపర్యం | ప్రతిపాదన ప్రకారం పైవర్గ అంశం నుండి background-image లక్షణాన్ని పారంపర్యం చేయాలి. |
సాంకేతిక వివరాలు
| అప్రమేయం: | కానిమా |
|---|---|
| పారంపర్యం: | లేదు |
| సంస్కరణ: | CSS1 |
| జావాస్క్రిప్ట్ సంకేతాలు: | ఆబ్జెక్ట్.style.backgroundImage="url(stars.gif)" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి。
| క్రోమ్ | ఎండ్జీ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| క్రోమ్ | ఐఈ / ఎండ్జీ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- పూర్వ పేజీ background-color
- తదుపరి పేజీ background-origin
