Style alignSelf అట్రిబ్యూట్
- ముంది పేజీ alignItems
- తరువాతి పేజీ animation
- పైకి తిరిగి HTML DOM Style 对象
నిర్వచనం మరియు ఉపయోగం
alignSelf అట్రిబ్యూట్ ఫ్లెక్స్ కంటైనర్ లోని ఎంపిక ఎలిమెంట్స్ యొక్క అనుగుణంగా స్థాయి ని నిర్ణయిస్తుంది.
ప్రకటన:alignSelf అట్రిబ్యూట్ ఫ్లెక్స్ కంటైనర్ యొక్క అట్రిబ్యూట్ ను ఓడించుతుంది alignItems లక్షణం.
ఉదాహరణ
ఫ్లెక్స్ ఎలిమెంట్స్ లోని కొన్నింటికి కంటైనర్ కు సరిపోయేలా అనుగుణంగా స్థాయి చేయండి:
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
సింథాక్స్
అలైన్ సెల్ఫ్ అట్రిబ్యూట్ ను తిరిగి పొందండి:
object.style.alignSelf
సెట్ చేయు అలైన్ సెల్ఫ్ అట్రిబ్యూట్:
object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
అట్రిబ్యూట్ విలువ
| విలువ | వివరణ |
|---|---|
| auto | డిఫాల్ట్. ఎలిమెంట్ తన ప్రాతిపదికన కంటైనర్ యొక్క align-items అట్రిబ్యూట్ ను పారదర్శకంగా స్థాయి చేస్తుంది, లేకపోతే "stretch". |
| stretch | ఎలిమెంట్ కంటైనర్ కు సరిపోయేలా పొడిగించబడుతుంది. |
| center | ఎలిమెంట్ కంటైనర్ యొక్క మధ్యలో ఉంది. |
| flex-start | ఎలిమెంట్ కంటైనర్ యొక్క ప్రాంతంలో ఉంది. |
| flex-end | ఎలిమెంట్ కంటైనర్ యొక్క అంతంలో ఉంది. |
| baseline | ఎలిమెంట్ కంటైనర్ యొక్క బేస్లైన్ లో ఉంది. |
| initial | ఈ అట్రిబ్యూట్ ను దాని డిఫాల్ట్ వాల్యూకు సెట్ చేయండి. చూడండి initial. |
| inherit | ఈ అట్రిబ్యూట్ ను తన మూల ఎలిమెంట్ నుండి పారదర్శకంగా స్థాయి చేయండి. చూడండి inherit. |
సాంకేతిక వివరాలు
| డిఫాల్ట్ వాల్యూ: | auto |
|---|---|
| రాబట్టబడిన విలువ | స్ట్రింగ్ వాల్యూ, ఇది అంగానికి align-self అట్రిబ్యూట్. |
| CSS వెర్షన్: | CSS3 |
బ్రౌజర్ మద్దతు
alignItems ఇది CSS3 (1999) లక్షణం.
అన్ని బ్రౌజర్లు పూర్తిగా మద్దతు ఇస్తాయి:
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా | IE |
|---|---|---|---|---|---|
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా | IE |
| మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు | 11 |
సంబంధిత పేజీలు
CSS పరిశీలన పుస్తకం:align-self అట్రిబ్యూట్
HTML DOM STYLE పరిశీలన పత్రం:alignContent లక్షణం
HTML DOM STYLE పరిశీలన పత్రం:alignItems లక్షణం
- ముంది పేజీ alignItems
- తరువాతి పేజీ animation
- పైకి తిరిగి HTML DOM Style 对象
