CSS బ్యాక్గ్రౌండ్-కలర్ అట్రిబ్యూట్
- 上一页 background-clip
- 下一页 background-image
నిర్వచనం మరియు ఉపయోగం
background-color
అంశానికి బ్యాక్గ్రౌండ్ రంగు అమర్చడం ప్రామాణికం.
అంశం బ్యాక్గ్రౌండ్ పరిధి
background-color
లక్షణాన్ని అంశానికి ఒక సత్త్వ రంగు అమర్చడం ప్రామాణికం. ఈ రంగు అంశం యొక్క పరిణామాలు, అంతర్గత పాదరుపులు మరియు బార్డర్ ప్రాంతాలను నింపుతుంది, అంతర్గత బార్డర్ ప్రాంతాలను విస్తరిస్తుంది (కానీ బాహ్య మార్గాలను చేర్చబడదు). బార్డర్ లో ట్రాన్స్పారెంట్ భాగాలు ఉంటే (ఉదా: డాష్ బార్డర్), ఆ ట్రాన్స్పారెంట్ భాగాల ద్వారా బ్యాక్గ్రౌండ్ రంగు కనిపిస్తుంది.
ట్రాన్స్పారెంట్ విలువ
అధికంగా ఉన్న పరిస్థితులలో ఈ విలువను ఉపయోగించకుండా ఉండాలి: ట్రాన్స్పారెంట్
అయితే మీరు కొన్ని అంశాలకు బ్యాక్గ్రౌండ్ రంగు కలిగించకుండా ఉండాలి మరియు వారి రూపకల్పనను బ్రౌజర్ రంగు అమరికలను ప్రభావితం చేయకుండా ఉండాలి అయితే, ట్రాన్స్పారెంట్
విలువలు అవసరం.
మరియు చూడండి:
CSS పాఠ్యక్రమం:CSS బ్యాక్గ్రౌండ్
HTML DOM పరిశీలన పాఠ్యక్రమం:backgroundColor లక్షణం
ఉదా
వివిధ అంశాలకు బ్యాక్గ్రౌండ్ రంగు అమర్చండి:
body { background-color:yellow; } h1 { background-color:#00ff00; } p { background-color:rgb(255,0,255); }
CSS సంకేతాలు
background-color: color|transparent|initial|inherit;
లక్షణ విలువ
విలువ | వివరణ |
---|---|
color_name | రంగు విలువలు రంగు పేరులు బ్యాక్గ్రౌండ్ రంగు నిర్వచిస్తాయి (ఉదా: red). |
hex_number | రంగు విలువలు హెక్సాడెసిమల్ విలువలు బ్యాక్గ్రౌండ్ రంగు నిర్వచిస్తాయి (ఉదా: #ff0000). |
rgb_number | రంగు విలువలు rgb కోడ్ రంగు బ్యాక్గ్రౌండ్ రంగు నిర్వచిస్తాయి (ఉదా: rgb(255,0,0)). |
ట్రాన్స్పారెంట్ | మూల విలువ. బ్యాక్గ్రౌండ్ రంగు ట్రాన్స్పారెంట్ ఉంటుంది. |
inherit | ప్రాథమిక పరివర్తన ప్రామాణికాలు నుండి background-color లక్షణాన్ని ప్రాప్తం చేయాలి. |
సాంకేతిక వివరాలు
మూల విలువ: | ట్రాన్స్పారెంట్ |
---|---|
పారంపర్యం: | no |
వెర్షన్: | CSS1 |
జావాస్క్రిప్ట్ సంకేతాలు: | ఆబ్జెక్ట్.style.backgroundColor="#00FF00" |
బ్రౌజర్ మద్దతు
పట్టికలో అంకితమైన విభాగాలు ఈ లక్షణాన్ని మొదటి బ్రౌజర్ వెర్షన్ పూర్తిగా మద్దతు ఇస్తాయి.
క్రోమ్ | ఎండ్జె | ఫైర్ఫాక్స్ | సఫారీ | Opera |
---|---|---|---|---|
క్రోమ్ | ఐఈ / ఎండ్జె | ఫైర్ఫాక్స్ | సఫారీ | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- 上一页 background-clip
- 下一页 background-image