CSS background-repeat 属性

定义和用法

background-repeat 属性设置是否及如何重复背景图像。

默认地，背景图像在水平和垂直方向上重复。

详细说明

background-repeat 属性定义了图像的平铺模式。

从原图像开始重复，原图像由 background-image 定义，并根据 background-position విలువ నిర్ధారించండి.

మరియు ఇతర పరిశీలనా పాఠ్యక్రమాలు:

CSS శిక్షణ పాఠ్యక్రమం:CSS బ్యాక్గ్రౌండ్

CSS పరిశీలనా పాఠ్యక్రమం:background-position అంశం

HTML DOM పరిశీలనా పాఠ్యక్రమం:backgroundRepeat అంశం

ప్రకటన

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

వ్యక్తిగతంగా ప్రయత్నించండి

సూచనలు మరియు ప్రత్యామ్నాయాలు

సూచన:బ్యాక్గ్రౌండ్ ఇమేజ్ యొక్క స్థానం background-position అంశం ద్వారా నిర్ధారించబడుతుంది. బ్యాక్గ్రౌండ్ పోసిషన్ అంశం నిర్ధారించబడలేకపోతే, చిత్రం కేంద్రంలో ఉంచబడుతుంది。

CSS సంకేతం

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

అంశం విలువ

అంశం విలువ

విలువ వివరణ
repeat డిఫాల్ట్. బ్యాక్గ్రౌండ్ ఇమేజ్ అనుక్రమంగా మరియు వార్తించే దిశలో పునరావృతం చేయబడుతుంది。
repeat-x బ్యాక్గ్రౌండ్ ఇమేజ్ అనుక్రమంగా పునరావృతం చేయబడుతుంది。
repeat-y బ్యాక్గ్రౌండ్ ఇమేజ్ వార్తించే దిశలో పునరావృతం చేయబడుతుంది。
no-repeat బ్యాక్గ్రౌండ్ ఇమేజ్ మాత్రమే ప్రదర్శించబడుతుంది。
inherit బ్యాక్గ్రౌండ్-రిపీట్ అంశం ను ప్రాతిపదికగా ప్రాణికరించాలని నిర్ధారించాలి అని నిర్ధారించబడింది。

టెక్నికల్ వివరణలు

డిఫాల్ట్ విలువ: repeat
ఉత్తరాధికారత్వం: లేదు
వెర్షన్: CSS1
జావాస్క్రిప్ట్ సంకేతం: ఆబ్జెక్ట్.style.backgroundRepeat="repeat-y"

ఇతర ఉదాహరణలు

ఎలా అనుక్రమంగా బ్యాక్గ్రౌండ్ ఇమేజ్ ను ఉప్పిడి చేయాలి
బ్యాక్గ్రౌండ్ ఇమేజ్ ను ఎలా అనుక్రమంగా ఉప్పిడి చేయాలనే ఉదాహరణ ఇవ్వబడింది。
ఎలా అనుక్రమంగా బ్యాక్గ్రౌండ్ ఇమేజ్ ను పునరావృతం చేయాలి
బ్యాక్గ్రౌండ్ ఇమేజ్ ను అనుక్రమంగా పునరావృతం చేయాలనే ఉదాహరణ ఇవ్వబడింది。
ఎలా ఒకేసారి బ్యాక్గ్రౌండ్ ఇమేజ్ ప్రదర్శించాలి
నాణ్యమైన పెయింటింగ్ కి ఎలా ఒకేసారి బ్యాక్గ్రౌండ్ ఇమేజ్ ప్రదర్శించాలనే ఉదాహరణ ఇవ్వబడింది。

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

పట్టికలో అంకురంగా ప్రతిపాదించబడిన పరిధి యొక్క మొదటి బ్రౌజర్ సంస్కరణను ప్రస్తావించే సంఖ్యలు పట్టికలో ఉన్నాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
క్రోమ్ ఐఈ / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
1.0 4.0 1.0 1.0 3.5