CSS గ్రిడ్-ఆటో-రోస్ అట్రిబ్యూట్

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

grid-auto-rows లక్షణం గ్రిడ్ కంటైనర్ లో పడుతున్న పద్ధతికి పొడవును సెట్ చేస్తుంది.

ఈ లక్షణం మాత్రమే పడుతున్న పద్ధతిని ప్రభావితం చేస్తుంది.

మరియు ఈ కి చూడండి:

CSS శిక్షణ పద్ధతి:CSS గ్రిడ్ లేఆఉట్

CSS సూచనాలు:grid-auto-columns లక్షణం

ఉదాహరణ

గ్రిడ్ లో పడుతున్న పద్ధతి అప్రమేయ పొడవును సెట్ చేయండి:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

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

CSS సంకేతాలు

grid-auto-rows: auto|max-content|min-content|length;

లక్షణానికి విలువ

విలువ వివరణ
auto అప్రమేయ విలువ: పద్ధతిలో పెద్ద ప్రాజెక్ట్ పొడవును ఆధారంగా పద్ధతి పొడవును నిర్ణయించండి.
max-content ప్రతి పద్ధతిలో పెద్ద ప్రాజెక్ట్ పొడవును ఆధారంగా పద్ధతి పొడవును నిర్ణయించండి.
min-content ప్రతి పద్ధతిలో పెద్ద ప్రాజెక్ట్ పొడవును ఆధారంగా పద్ధతి పొడవును నిర్ణయించండి.
length పద్ధతిని అనుసరించి పడుతున్న పొడవు మీద పద్ధతిని సెట్ చేయండి. దయచేసి ఈ కి చూడండి:పొడవు ఇకానా。

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

అప్రమేయ విలువ: auto
పారంతరవాదం: సంఖ్యలు సంబంధించిన కారణం కాదు
అనిమేషన్ తయారీ: మద్దతు. దయచేసి ఈ కి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు。
వెర్షన్: CSS Grid Layout Module Level 1
జావాస్క్రిప్ట్ సంకేతాలు: object.style.gridAutoRows="60px"

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

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

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
57 16 52 10 44