CSS వైడ్త్ అట్రిబ్యూట్

  • ముంది పేజీ widows
  • తరువాత పేజీ word-break

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

ప్రతిమానికి వెడల్పు నిర్ణయించడం

వివరణ

ఈ లక్షణం అందరికీ ప్రతిపాదన ప్రకారం ప్రతిమా ప్రాణికి అందరికీ విలువను నిర్ణయించడం

లోపలి బద్దలు మరియు ప్రతిస్పందించబడబడిన అంతరాలను ఇల్లవద్దు ఈ లక్షణాన్ని పారంతరికం చేయడం

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

CSS పాఠ్యక్రమంCSS కొలతలు

CSS పాఠ్యక్రమంCSS ఫ్రేమ్ మోడల్ అవగాహన

CSS సందర్భాలుheight లక్షణం

HTML DOM సందర్భాలుwidth లక్షణం

ఉదాహరణ

పొందిక ఎత్తు మరియు వెడల్పు అమర్చండి:

p
  {
  height:100px;
  width:100px;
  }

స్వయంగ్రహించండి

CSS సంకేతపత్రం

width: auto|value|initial|inherit;

లక్షణపు విలువలు

విలువలు వివరణ
auto మూలం అయ్యే విలువలు. బ్రౌజర్ వాస్తవ వెడల్పును గణించగలదు.
length పిక్సెల్ (px), సెంటీమీటర్ (cm) వంటి అంతరాలను వినియోగించడం
% ప్రతిపాదన ప్రకారం కంటైనర్ (పితుకు విద్యుత్తు అంతరం) వెడల్పునకు శాతము లక్ష్యం చేయడం
inherit ప్రతిపాదన ప్రకారం పితుకు విద్యుత్తు అంతరం విలువను పారంతరికం చేయాలి.

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

మూలం అయ్యే విలువలు: auto
పారంతరిక లక్షణం: no
వెర్షన్: CSS1
JavaScript సంకేతపత్రం: object.style.width="50px"

TIY ఉదాహరణ

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

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

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5
  • ముంది పేజీ widows
  • తరువాత పేజీ word-break