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

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

min-block-size అంశం నిర్దేశించబడిన అంశం క్లాస్ దిశలో కనీస పరిమాణం.

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

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

注意：相关的 CSS 属性 writing-mode 定义了块方向，这会影响 min-block-size 属性的结果。对于英文页面，块方向是向下，而行内方向是从左到右。

CSS min-block-size 属性与 CSS 属性 min-height 和 min-width 非常相似，但 min-block-size 属性依赖于块方向。

实例

例子 1

将

元素在块方向上的最小尺寸设置为 200 像素：

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

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

例子 2：书写模式

将

元素的 writing-mode 属性值设置为 vertical-rl 时，块方向从向下变为侧向，这会影响 min-block-size 属性的工作方式：

div {
  min-block-size: 200px;
  writing-mode: vertical-rl;
}

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

例子 3：min-block-size 与 block-size

观察一个

元素（block-size 为 100px）和另一个
元素（min-block-size 为 100px）在内容尺寸变化时的不同反应：

#div1 {
  min-block-size: 100px;
}
#div2 {
  block-size: 100px;
}

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

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

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

లక్షణ విలువ

విలువ వివరణ
auto అప్రమేయం. ఎల్లా అంతర్గత పెరిమీటర్లకు అప్రమేయ min-block-size విలువ.
length min-block-size ని పిక్సెల్స్, పిట్స్, సెంటీమీటర్స్ మొదలైనవి వర్గం చేస్తుంది. చూడండి:సిఎస్ఎస్ యూనిట్స్.
% పిండి పేర్వీకులకు సంబంధించిన పెరిమీటర్ లో అనుసంధానించిన పెరిమీటర్ ప్రతిశతం min-block-size.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు అందిస్తుంది. చూడండి: initial.
inherit ఈ లక్షణాన్ని తన పేర్వీకుల నుండి పారంపర్యం చేసుకుంది. చూడండి: inherit.

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

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

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
57.0 79.0 41.0 12.1 44.0

相关页面

పరిచయం కోసం:CSS బ్లాక్-సైజ్ అట్రిబ్యూట్

పరిచయం కోసం:CSS మాక్స్-బ్లాక్-సైజ్ అట్రిబ్యూట్

పరిచయం కోసం:CSS మిన్-హైగ్త్ అట్రిబ్యూట్

పరిచయం కోసం:CSS మిన్-వైడ్ అట్రిబ్యూట్

పరిచయం కోసం:CSS వ్రాయింగ్-మోడ్ అట్రిబ్యూట్