Style alignItems అట్రిబ్యూట్

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

alignItems అట్రిబ్యూట్ ఫ్లెక్స్ కంటైనర్ లోని ప్రాంతాలకు డిఫాల్ట్ జతకు నిర్ణయిస్తుంది.

సూచన:ప్రతి ప్రాంతానికి ఉపయోగించండి: align-self అట్రిబ్యూట్ ఆధారం చేయండి: align-items అట్రిబ్యూట్.

ఉదాహరణ

ఫ్లెక్సిబుల్ <div> ఎల్లా ప్రాంతాలను కంటైనర్ ప్రాంతంలో ప్రాంతంలో స్థానం చేయండి:

document.getElementById("main").style.alignItems = "flex-start";

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

సింథాక్స్

alignItems అట్రిబ్యూట్ ను తిరిగి వచ్చే విలువ:

object.style.alignItems

alignItems అట్రిబ్యూట్ ను సెట్ చేయండి:

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

అట్రిబ్యూట్ విలువ

విలువ వివరణ
stretch డిఫాల్ట్. ప్రాంతం ప్రాంతంలో సరిపోయేలా స్ట్రెచ్ చేయబడుతుంది.
center ప్రాంతం కంటైనర్ యొక్క మధ్యలో ఉంది.
flex-start ప్రాంతం కంటైనర్ యొక్క ప్రాంతంలో ఉంది.
flex-end ప్రాంతం కంటైనర్ యొక్క అంతంలో ఉంది.
baseline ప్రాంతం కంటైనర్ యొక్క బేసైన్ ను స్థానం చేయబడుతుంది.
initial ఈ అట్రిబ్యూట్ ను దాని డిఫాల్ట్ విలువకు సెట్ చేయండి. చూడండి: initial.
inherit ఈ అట్రిబ్యూట్ ను తన మూల అంగానికి ఈ అట్రిబ్యూట్ ను పారదర్శకంగా సెట్ చేయండి. చూడండి: inherit.

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

డిఫాల్ట్ విలువ: stretch
తిరిగి వచ్చే విలువ: స్ట్రింగ్ ఉంది అనేది అంగానికి ప్రతినిధ్యం చేస్తుంది: align-items అట్రిబ్యూట్.
CSS వెర్షన్: CSS3

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

alignItems ఇది CSS3 (1999) లక్షణం.

అన్ని బ్రౌజర్లు పూర్తిగా దానిని మద్దతు చేస్తాయి:

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా IE
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా IE
మద్దతు ఉంది: మద్దతు ఉంది: మద్దతు ఉంది: మద్దతు ఉంది: మద్దతు ఉంది: 11

సంబంధిత పేజీలు:

CSS పరిశీలన మానలు:align-items అట్రిబ్యూట్

HTML DOM STYLE 参考手册:alignContent 属性

HTML DOM STYLE 参考手册:alignSelf 属性