CSS margin-block-end అట్రిబ్యూట్

定义和用法

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 మార్జిన్-రైట్ అట్రిబ్యూట్

参考:CSS మార్జిన్-టాప్ అట్రిబ్యూట్

参考:CSS వ్రాయింగ్-మోడ్ అట్రిబ్యూట్