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

నిర్వచనం మరియు వినియోగం

min-inline-size అంతర్భాగం స్పష్టంగా పరిభాషించబడిన విషయం నిర్దేశించబడిన పద్ధతి పై క్రమం తాలూకు చిన్న అక్షంలో ప్రాణికి సంబంధించిన పరిమాణం.

如果内容在行内方向上的尺寸小于最小尺寸，则将应用 min-inline-size 属性值。

如果内容在行内方向上的尺寸大于最小尺寸，则 min-inline-size 属性值不起作用。

注意：相关的 CSS 属性 writing-mode 定义了行内方向，这会影响 min-inline-size ఫలితాలు. ఇంగ్లీష్ పేజీలలో, బ్లాక్ దిశ క్రిందకు ఉంటుంది మరియు లైనర్ దిశ ఎడమ నుండి కుడికి ఉంటుంది.

CSS min-inline-size లక్షణాలు CSS లక్షణాలతో సంబంధించిన ఫలితాలు. min-height మరియు min-width చాలా వంటిదే, కానీ min-inline-size లక్షణం లైనర్ దిశపై ఆధారపడి ఉంటుంది.

ఇన్స్టాన్స్

ఉదాహరణ 1

లైనర్ దిశలో కనిష్ట పరిమాణాన్ని 200 పిక్సెల్లుగా సెట్ చేయండి:

div {
  min-inline-size: 200px;
}

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

ఉదాహరణ 2: లిఖిత పద్ధతి

<div> ఎలమెంట్ ని లైనర్ దిశను నిర్ణయించండి: writing-mode విలువ నిర్ణయించినప్పుడు లైనర్ దిశ ప్రక్కనుండి తిరుగుతుంది, ఇది min-inline-size లక్షణం పనికి ప్రభావితం చేస్తుంది:

div {
  min-inline-size: 260px;
  writing-mode: vertical-rl;
}

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

ఉదాహరణ 3: min-inline-size మరియు inline-size

ఒక ఉదాహరణ చూడండి inline-size 200px విస్తృతి కలిగిన <div> ఎలమెంట్ మరియు మరొక ఎలమెంట్ కు వివిధ ప్రమాణాలు: min-inline-size 200px విస్తృతి కలిగిన <div> ఎలమెంట్ లో కంటెంట్ పరిమాణం మారినప్పుడు వివిధ ప్రమాణాలు:

#div1 {
  min-inline-size: 200px;
}
#div2 {
  inline-size: 200px;
}

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

CSS సంకేతాలు

min-inline-size: auto|length|initial|inherit;

లక్షణ విలువ

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

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

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

相关页面

参考：CSS inline-size అట్రిబ్యూట్

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

参考：CSS మిన్-హైగ్త్ అట్రిబ్యూట్

参考：CSS మిన్-వైడ్ అట్రిబ్యూట్

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