CSS మార్జిన్-బ్లాక్-స్టార్ట్ అట్రిబ్యూట్
- ముందస్తు పేజీ మార్గిన్-బ్లాక్ ఎండ్
- తదుపరి పేజీ మార్గిన్-బోటమ్
定义和用法
margin-block-start 属性指定块方向开始时的外边距。
CSS యొక్క margin-block మరియు margin-inline లక్షణాలు CSS యొక్క margin-topమరియుమార్గిన్-బోటమ్మరియుmargin-left మరియు margin-right లక్షణాలు మాత్రమే వర్గం అయినప్పటికీ, margin-block మరియు margin-inline ఈ లక్షణం బ్లాక్ దిశ మరియు పిండి దిశ పై ఆధారపడి ఉంటుంది.
గమనిక:సంబంధిత CSS లక్షణాలు writing-mode పిండి దిశ నిర్వచించబడింది. ఇది బ్లాక్ దిశ ప్రాంతం మరియు పిండి ప్రాంతం ప్రాంతాలు మరియు margin-block-start లక్షణానికి ఫలితాలను ప్రభావితం చేస్తుంది. ఇంగ్లీష్ పేజీలో, పిండి దిశ ఉన్నతి కి వెళుతుంది మరియు పిండి దిశ నుండి ఎడమ కు ఉంటుంది.
ఉదా
ఉదా 1
బ్లాక్ దిశ ప్రాంతం ప్రారంభం వెళ్ళే మార్జిన్ నిర్ణయిస్తారు:
div {
margin-block-start: 35px;
}
ఉదా 2
నా <div> పెట్టుబడి పైన: writing-mode లక్షణాన్ని vertical-rl గా సెట్ చేసినప్పుడు, బ్లాక్ దిశ కుడి నుండి ఎడమ కు ఉంటుంది. ఫలితంగా అంతరం యొక్క ప్రాంతం పైకి నుండి కుడికి కదులుతుంది. కాబట్టి, writing-mode యొక్క మార్పు కూడా ప్రభావితం చేస్తుంది. margin-block-start ఫలితం చూడండి:
#parentDiv {
writing-mode: vertical-rl;
}
#myDiv {
margin-block-start: 50px;
}
CSS సంకేతబద్ధం
margin-block-start: auto|length|initial|inherit;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| auto | మూలం కాని విలువ. పిండి ప్రాంతం లోని అంతరం పొడవు. |
| length | దూరం నిర్ణయిస్తారు. పిక్సెల్, పిట్, సెంటీమీటర్ మొదలైనవి యునిట్లు. పోసిటివ్ అంకటర్లు అనుమతిస్తాయి. దయచేసి చూడండి:సిఎస్ఎస్ యూనిట్స్。 |
| % | పిండి ప్రాంతంలో పిండి పెద్దతో సంబంధించిన శాతం దూరం నిర్ణయిస్తారు. |
| initial | ఈ లక్షణాన్ని అప్రమేయ విలువకు అందిస్తారు. దయచేసి చూడండి: initial。 |
| inherit | ఈ లక్షణాన్ని తన పేర్వర్తి కి అందిస్తుంది. దయచేసి చూడండి: inherit。 |
సాంకేతిక వివరాలు
| మూలం కాని విలువ: | auto |
|---|---|
| పారదర్శకత్వం: | సంకేతము లేదు |
| అనిమేషన్ తయారీ: | మద్దతు ఉంది. దయచేసి చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు。 |
| వెర్షన్పై: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతబద్ధంపై: | object.style.marginBlockStart="100px" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్ను సూచిస్తాయి。
| క్రోమ్ | ఎజ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| 87.0 | 87.0 | 41.0 | 12.1 | 73.0 |
相关页面
పరిచయం:CSS మార్జిన్-బ్లాక్ అట్రిబ్యూట్
పరిచయం:CSS మార్జిన్-బ్లాక్-ఎండ్ అట్రిబ్యూట్
పరిచయం:CSS మార్జిన్-బాటమ్ అట్రిబ్యూట్
పరిచయం:CSS మార్జిన్-ఇన్లైన్ అట్రిబ్యూట్
పరిచయం:CSS మార్జిన్-లెఫ్ట్ అట్రిబ్యూట్
పరిచయం:CSS మార్జిన్-రైట్ అట్రిబ్యూట్
- ముందస్తు పేజీ మార్గిన్-బ్లాక్ ఎండ్
- తదుపరి పేజీ మార్గిన్-బోటమ్
