స్టైల్ ఫ్లెక్స్-డయరెక్షన్ అట్రిబ్యూట్
- ముంది పేజీ flexBasis
- తరువాతి పేజీ flexFlow
- పైకి తిరిగి HTML DOM Style 对象
నిర్వచనం మరియు ఉపయోగం
flexDirection అట్రిబ్యూట్ సెట్ లేదా అట్రిబ్యూట్ వాటర్స్ పుట్టుబడి కార్యకలాపం అంశాల దిశను ప్రదర్శిస్తుంది.
ప్రకటనలు:అంశం ఫ్లెక్సిబిలిటీ అంశం కాదితే flexDirection అట్రిబ్యూట్ చెల్లని ఉంది.
ఇతర పరిశీలనలు:
CSS పరిశీలన పత్రికflex-direction అట్రిబ్యూట్
ఉదాహరణ
డివై అంశాలులో ఫ్లెక్సిబిలిటీ అంశాల దిశను పునఃక్రమించండి:
document.getElementById("main").style.flexDirection = "column-reverse";
సింటాక్స్
flex-direction అట్రిబ్యూట్ వాటర్స్ పుట్టుబడి కార్యకలాపం ప్రదర్శిస్తుంది:
ఆబ్జెక్ట్.style.flexDirection
flex-direction అట్రిబ్యూట్ సెట్ చేయండి:
ఆబ్జెక్ట్.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
అట్రిబ్యూట్ వాల్యూ
| వాల్యూ | వివరణ |
|---|---|
| రో | డిఫాల్ట్ వాల్యూ. ఫ్లెక్సిబిలిటీ అంశాలు పరిణామంగా ప్రదర్శించబడతాయి. |
| row-reverse | రో తో సమానం, కానీ విలువలు విలోమంగా ఉంటాయి. |
| కాలమ్ | ఫ్లెక్సిబిలిటీ అంశాలు ప్రాంతాల్లో వర్గంగా ప్రదర్శించబడతాయి. |
| column-reverse | కాలమ్ తో సమానం, కానీ విలువలు విలోమంగా ఉంటాయి. |
| ఇనిషల్ | ఈ అట్రిబ్యూట్ ను తన డిఫాల్ట్ వాల్యూకు అమర్చండి. చూడండి: ఇనిషల్. |
| ఇన్హెరిట్ | ఈ అట్రిబ్యూట్ ను తన మూల అంశం నుండి పాటిస్తుంది. చూడండి: ఇన్హెరిట్. |
సాంకేతిక వివరాలు
| డిఫాల్ట్ వాల్యూ: | రో |
|---|---|
| వాటర్స్ పుట్టుబడి కార్యకలాపం ప్రదర్శిస్తుంది: | స్ట్రింగ్ వాల్యూ, దీనివల్ల కొలిగిన అంశం యొక్క flex-direction అట్రిబ్యూట్. |
| CSS వెర్షన్: | CSS3 |
బ్రౌజర్ మద్దతు
ఈ పట్టికలో నమూనాలు ఈ అట్రిబ్యూట్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను పేర్కొన్నాయి.
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
| మద్దతు | 11.0 | మద్దతు | 9.0 | మద్దతు |
సంబంధిత పేజీలు
HTML DOM STYLE పరిశీలన పత్రికflex అట్రిబ్యూట్
HTML DOM STYLE పరిశీలన పత్రికflexBasis అట్రిబ్యూట్
HTML DOM STYLE పరిశీలన పత్రికflexFlow అట్రిబ్యూట్
HTML DOM STYLE పరిశీలన పత్రికflexGrow అట్రిబ్యూట్
HTML DOM STYLE పరిశీలన పత్రికflexShrink అట్రిబ్యూట్
HTML DOM STYLE పరిశీలన పత్రికflexWrap అట్రిబ్యూట్
- ముంది పేజీ flexBasis
- తరువాతి పేజీ flexFlow
- పైకి తిరిగి HTML DOM Style 对象
