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

定义和用法

inline-size 属性指定元素在行内方向上的大小。

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

CSS యొక్క inline-size మరియు block-size అంశాలు CSS యొక్క width మరియు height అంశాలు మరియు inline-size మరియు block-size అంశం ఇన్లైన్ మరియు బ్లాక్ దిశలపై ఆధారపడి ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

నిర్ణయించండి <div> ఎలిమెంట్ యొక్క ఇన్లైన్ దిశలో విస్తీర్ణం:

div {
  inline-size: 200px;
}

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

ఉదాహరణ 2

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

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

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

CSS సంకేతం

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

అంశాల విలువ

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

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

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

సంబంధిత పేజీలు

CSS పాఠ్యక్రమం:CSS ఎత్తు మరియు వీడిత్

CSS పాఠ్యక్రమం:CSS ఫ్రేమ్ మోడ్

CSS పరిశీలనా సామగ్రి:అడుగును అంశం

CSS పరిశీలనా సామగ్రి:వైడ్త్ అంశం

CSS పరిశీలనా సామగ్రి:writing-mode 属性