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

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

max-width అంశం అంశం గరిష్ట వెడల్పును నిర్ధారిస్తుంది.

వివరణ

ఈ అంశం విలువ అంశం వెడల్పునకు గరిష్ట పరిమితిని నిర్ణయిస్తుంది. అందువలన, అంశం పొడవు తక్కువగా ఉండవచ్చు, కానీ అది అప్రమేయ విలువకన్నా పొడవుగా ఉండకూడదు. నిరాకరించబడిన పేర్కొన్న విలువలు లేవు.

మరింత చూడండి:

CSS పాఠ్యక్రమం:CSS పరిమాణాలు

CSS సందర్శన పాఠ్యక్రమం:CSS మిన్-వైడ్ అట్రిబ్యూట్

HTML DOM సందర్శన పాఠ్యక్రమం:maxWidth అంశం

ఉదాహరణ

పేజీ గరిష్ట వెడల్పును అమర్చండి:

p
  {
  max-width:100px;
  }

నేను ప్రయత్నించండి

CSS సంకేతాలు

max-width: none|length|initial|inherit;

అంశం విలువ

విలువ వివరణ
none అప్రమేయ. అంశం గరిష్ట వెడల్పునకు కోర్సు లేదు.
length అంశం గరిష్ట వెడల్పు విలువను నిర్ధారిస్తుంది.
% సరిహద్దు పెట్టిన బ్లాక్ ప్రాంతం ఆధారంగా శతకాంశాన్ని గరిష్ట వెడల్పును నిర్ధారిస్తుంది.
inherit ఈ అంశం max-width అంశాన్ని ప్రాతిపదికగా పెట్టాలని నిర్ధేశిస్తుంది.

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

అప్రమేయ విలువ: none
పారంతరణ సామర్థ్యం: no
వెర్షన్: CSS2
JavaScript సంకేతాలు: object.style.maxWidth="50px"

TIY ఉదాహరణ

పిక్సెల్ విలువను ఉపయోగించి అంశం గరిష్ట వెడల్పును అమర్చండి
ఈ ఉదాహరణ మీరు పిక్సెల్ విలువను ఉపయోగించి ఎలా అంశం గరిష్ట పొడవును అమర్చాలనేది చూపుతుంది.
శతకాంశాలను ఉపయోగించి అంశం గరిష్ట వెడల్పును అమర్చండి
ఈ ఉదాహరణ మీరు శతకాంశాలను ఉపయోగించి ఎలా అంశం గరిష్ట పొడవును అమర్చాలనేది చూపుతుంది.

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 1.0 7.0