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