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

定义和用法

max-block-size 属性指定元素在块方向上的最大尺寸。

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

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

注意：相关的 CSS 属性 writing-mode బ్లాక్ దిశను నిర్వచించినది, ఇది ఈ ప్రభావితం చేస్తుంది: max-block-size లక్షణాల ఫలితాలు. ఇంగ్లీష్ పేజీలలో, బ్లాక్ దిశ క్రిందకు ఉంటుంది మరియు ఇన్లైన్ దిశ ఎడమ నుండి కుడికి ఉంటుంది.

CSS max-block-size లక్షణాలు సిఎస్ఎస్ లక్షణాలతో max-height మరియు max-width చాలా అనికట అయినా, కానీ max-block-size లక్షణం బ్లాక్ దిశపై ఆధారపడి ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

డివ్ ఎలిమెంట్ యొక్క బ్లాక్ దిశలో గరిష్ట సైజ్ను 60 పిక్సెల్స్ గా సెట్ చేయండి:

div {
  max-block-size: 60px;
}

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

ఉదాహరణ 2: వ్రాసింగ్ మోడ్

డివ్ ఎలిమెంట్ యొక్క writing-mode లక్షణ విలువను vertical-lr గా సెట్ చేసినప్పుడు బ్లాక్ దిశ నుండి పక్కవాటికి మారుతుంది, ఇది ఈ ప్రభావితం చేస్తుంది: max-block-size లక్షణం పనికి పద్ధతి:

div {
  max-block-size: 60px;
  writing-mode: vertical-lr;
}

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

ఉదాహరణ 3: మాక్స్-బ్లాక్-సైజ్ vs బ్లాక్-సైజ్

ఒక <div> ఎలిమెంట్ ని పరిశీలించండి (block-size 100px) మరియు మరొక <div> ఎలిమెంట్ (max-block-size విషయం సైజ్ మార్చబడినప్పుడు వివిధ ప్రతిస్పందనలను కనుగొనండి (100px):

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

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

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

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

లక్షణ విలువ

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

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

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

相关页面

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

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

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

参考：CSS మాక్స్-వైడ్త్ అట్రిబ్యూట్

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