CSS repeat() ఫంక్షన్

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

CSS repeat() ఫంక్షన్ గ్రిడ్లో ఒక సెట్ పదునెలలు లేదా వరుసలను పునరావృతం చేయడకు ఉపయోగించబడుతుంది.

మీ గ్రిడ్లో ఎక్కువ పదునెలలు లేదా వరుసలు ఉన్నప్పుడు ఈ ఫంక్షన్ చాలా ఉపయోగపడుతుంది. ఈ ఫంక్షన్ ద్వారా, మీరు ఉపయోగించడానికి అనువుగా ఒక 'పునరావృత మొడెల్' సృష్టించవచ్చు.

ఈ ఫంక్షన్ ఈ ఫంక్షన్ తో కలిసి ఉపయోగించబడుతుంది. grid-template-columns అంశాలు మరియు grid-template-rows అంశాలను కలిసి ఉపయోగించండి.

ఉదాహరణ

ఉదాహరణ 1

ఉపయోగించండి repeat() గ్రిడ్లో ఒక సెట్ వరుసలను పునరావృతం చేయండి:

#container {
  display: grid;
  grid-template-columns: repeat(2, 60px 1fr);
  grid-gap: 7px;
  background-color: green;
  padding: 7px;
}

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

ఉదాహరణ 2

ఉపయోగించండి repeat() గ్రిడ్లో ఒక సెట్ వరుసలను పునరావృతం చేయండి:

#container {
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 7px;
  background-color: green;
  padding: 7px;
}

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

CSS సంకేతసంబంధి విధానం

repeat(repeat-count, tracks)

సాంకేతిక వివరాలు

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

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

相关页面

参考：CSS grid-template-columns అట్రిబ్యూట్

参考：CSS grid-template-rows అట్రిబ్యూట్