Style backgroundRepeat 属性
- ముందు పేజీ backgroundPosition
- తరువాత పేజీ backgroundClip
- పైకి తిరిగి వెళ్ళు HTML DOM Style ఆబ్జెక్ట్
定义和用法
backgroundRepeat
బ్యాక్గ్రౌండ్ చిత్రాన్ని ఎలా పునరావృతం చేయడానికి లేదా తిరిగి పొందడానికి లక్షణాలను అమర్చండి.
మరియు చూడండి:
HTML షేడ్ పుస్తకం:బ్యాక్గ్రౌండ్ లక్షణం
CSS శిక్షణ పుస్తకం:CSS బ్యాక్గ్రౌండ్
CSS3 శిక్షణ పుస్తకం:CSS3 బ్యాక్గ్రౌండ్
CSS పరిశీలన పుస్తకం:background-repeat లక్షణం
ఉదాహరణ
ఉదాహరణ 1
బ్యాక్గ్రౌండ్ చిత్రాన్ని పునరావృతం కాదు (no-repeat) చేయండి:
document.body.style.backgroundRepeat = "repeat-y";
ఉదాహరణ 2
నిర్దిష్ట డివ్ ఎలమెంట్ యొక్క backgroundRepeat లక్షణాన్ని మార్చండి:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
ఉదాహరణ 3
బ్యాక్గ్రౌండ్ చిత్రాన్ని అడుగున లేదా ఉన్నతికి పునరావృతం చేయండి:
function repeatVer() { document.body.style.backgroundRepeat = "repeat-y"; } function repeatHor() { document.body.style.backgroundRepeat = "repeat-x"; }
ఉదాహరణ 4
డాక్యుమెంట్ యొక్క background-repeat విలువను తిరిగి పొందండి:
alert(document.body.style.backgroundRepeat);
సింటాక్స్
బ్యాక్గ్రౌండ్ రిపీట్ లక్షణాన్ని తిరిగి పొందండి:
object.style.backgroundRepeat
బ్యాక్గ్రౌండ్ రిపీట్ లక్షణాన్ని అమర్చండి:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
లక్షణాన్ని విలువ
విలువ | వివరణ |
---|---|
repeat | బ్యాక్గ్రౌండ్ చిత్రం ఉన్నతికి మరియు అడుగున పునరావృతం కాదు. డిఫాల్ట్. |
repeat-x | బ్యాక్గ్రౌండ్ చిత్రం కేవలం అడుగున పునరావృతం కాదు. |
repeat-y | బ్యాక్గ్రౌండ్ చిత్రం కేవలం ఉన్నతికి పునరావృతం కాదు. |
no-repeat | బ్యాక్గ్రౌండ్ చిత్రం పునరావృతం కాదు. |
initial | ఈ లక్షణాన్ని దాని డిఫాల్ట్ విలువకు అమర్చండి. చూడండి: initial. |
inherit | ఈ లక్షణాన్ని తన పై ఉపనితీగా పాటిస్తుంది. చూడండి: inherit. |
సాంకేతిక వివరాలు
డిఫాల్ట్ విలువ | repeat |
---|---|
వారు ఉంటాయి: | స్ట్రింగ్ అనేది బ్యాక్గ్రౌండ్ చిత్రాన్ని ఎలా పునరావృతం చేస్తుందో వివరిస్తుంది. |
CSS వెర్షన్: | CSS1 |
బ్రౌజర్ మద్దతు
backgroundRepeat
ఇది CSS1 (1996) లక్షణం.
అన్ని బ్రౌజర్లు దానిని పూర్తిగా మద్దతు ఇస్తాయి:
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా | IE |
---|---|---|---|---|---|
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా | IE |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- ముందు పేజీ backgroundPosition
- తరువాత పేజీ backgroundClip
- పైకి తిరిగి వెళ్ళు HTML DOM Style ఆబ్జెక్ట్