CSS మార్జిన్-ఇన్లైన్-ఎండ్ అట్రిబ్యూట్

定义和用法

margin-inline-end 属性指定行内方向末端的外边距。

CSS 的 margin-inlinemargin-block 属性与 margin-topmargin-bottommargin-leftmargin-right 属性非常相似,但 margin-inlinemargin-block 属性依赖于块方向和行内方向。

注意:相关的 CSS 属性 writing-modedirection 定义了行内方向。这会影响元素的起始和结束位置,以及 margin-inline-end margin-inline-end

లక్షణ ఫలితం. ఇంగ్లీష్ పేజీలలో, బ్లాక్ దిశ క్రిందకు, ఇన్లైన్ దిశ ఎడమ నుండి కుడికి ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

div {
  మార్జిన్-ఇన్లైన్-ఎండ్ యొక్క ఇన్లైన్ దిశ పైన మార్జిన్ సెట్ చేయండి:
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

ఈ <div> ఎలిమెంట్ యొక్క writing-mode అప్రమేయ విలువ లక్షణం 'vertical-rl'గా సెట్ చేసినపుడు, ఇన్లైన్ దిశ లోపలికి మారుతుంది. ఫలితంగా, ఎలిమెంట్ యొక్క ముఖ్యమైన భాగం కుడి పక్కనుండి క్రిందకు కదులుతుంది:

div {
  margin-inline-end: 50px;
  writing-mode: vertical-rl;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

ఈ <div> ఎలిమెంట్ యొక్క direction అప్రమేయ విలువ లక్షణం 'rtl'గా సెట్ చేసినపుడు, ఇన్లైన్ దిశ కుడి నుండి ఎడమకు మారుతుంది. ఫలితంగా, ఎలిమెంట్ యొక్క ముఖ్యమైన భాగం కుడి పక్కనుండి ఎడమకు కదులుతుంది:

div {
  margin-inline-end: 50px;
  direction: rtl;
}

స్వయంగా ప్రయత్నించండి

సిఎస్ఎస్ సంకేతాలు

margin-inline-end: auto|length|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
auto అప్రమేయం. ఎలిమెంట్ యొక్క అప్రమేయ మార్జిన్-ఇన్లైన్-ఎండ్ విలువ.
length

పిక్సెల్స్ (px), పిట్స్ (pt), సెంటీమీటర్స్ (cm) వంటి ఏకాంశాలను మార్జిన్-ఇన్లైన్-ఎండ్ ను నిర్దేశించండి. ముందేనే విలువలు అనుమతిస్తాయి.

దయచేసి ఈ కి మీరు సందర్శించండి:సిఎస్ఎస్ యూనిట్స్.

% మార్జిన్-ఇన్లైన్-ఎండ్ ను పితుకులు సైజ్ ప్రతిశతంగా నిర్దేశించండి.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. దయచేసి ఈ కి మీరు సందర్శించండి: initial.
inherit ఈ లక్షణాన్ని తన ప్రాతిపదిక నుండి పారంపర్యం చేసుకుంటుంది. దయచేసి ఈ కి మీరు సందర్శించండి: inherit.

సాంకేతిక వివరాలు

అప్రమేయం: auto
పారంపర్యం:
అనిమేషన్ తయారీ: మద్దతు. దయచేసి ఈ కి మీరు సందర్శించండి:అనిమేషన్ సంబంధిత లక్షణాలు.
వెర్షన్: సిఎస్ఎస్3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.marginInlineEnd="50px"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్ను సూచిస్తాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
87.0 87.0 41.0 12.1 73.0

相关页面

参考:CSS డిరెక్షన్ అట్రిబ్యూట్

参考:CSS మార్జిన్-ఇన్లైన్-స్టార్ట్ అట్రిబ్యూట్

参考:CSS margin-bottom గుణం

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

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

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

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

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