CSS background-origin 属性

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

background-origin లక్షణ నిర్వచనం background-position లక్షణం స్థానం పై స్థానం కలిగిస్తుంది.

ప్రకటన:బ్యాక్గ్రౌండ్ చిత్రం యొక్క background-attachment లక్షణం "ఫిక్సెడ్“”, అప్పుడు ఈ లక్షణం ప్రభావం లేదు.

HTML DOM సందర్భ పుస్తకం:backgroundOrigin లక్షణం

కంటెంట్ బాక్స్ పై స్థానం కలిగిస్తుంది బ్యాక్గ్రౌండ్ చిత్రం:

డివ్
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

background-origin: padding-box|border-box|content-box;

విలువ	వివరణ	పరీక్ష
padding-box	బ్యాక్గ్రౌండ్ చిత్రం ప్రక్షేపణ బాక్స్ పై స్థానం కలిగిస్తుంది.	పరీక్ష
border-box	బ్యాక్గ్రౌండ్ చిత్రం బార్డర్ బాక్స్ పై స్థానం కలిగిస్తుంది.	పరీక్ష
content-box	బ్యాక్గ్రౌండ్ చిత్రం కంటెంట్ బాక్స్ పై స్థానం కలిగిస్తుంది.	పరీక్ష

అప్రమేయ విలువ:	padding-box
పారంపర్యం:	లేదు
వెర్షన్:	CSS3
జావాస్క్రిప్ట్ సంకేతం:	ఆబ్జెక్ట్.style.backgroundOrigin="content-box"

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

క్రోమ్	ఎండ్జీ	ఫైర్ఫాక్స్	సఫారీ	ఓపెరా
క్రోమ్	ఐఈ / ఎండ్జీ	ఫైర్ఫాక్స్	సఫారీ	ఓపెరా
4.0	9.0	4.0	3.0	10.5