CSS height గుణం

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

height లక్షణం ఎలంజంట్ పొడవును అమర్చింది.

వివరణ

ఈ లక్షణం విషయంగా అంతర్గత అంశాన్ని నిర్వచిస్తుంది. అంతర్గత అంశం బయటన గరిష్ట ప్యాడింగ్, బోర్డర్ మరియు మార్జిన్లను జోడించవచ్చు.

విద్యుత్ క్రియాశీల లక్షణం నిర్వహణ లో ఈ లక్షణాన్ని పరిగణించబడదు.

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

CSS పాఠ్యకోశం:CSS పరిమాణం

CSS పాఠ్యకోశం:CSS ఫ్రేమ్ మోడల్ సమీక్ష

CSS పరిశీలన కొరకు:width లక్షణం

HTML DOM పరిశీలన కొరకు:height లక్షణం

ఉదాహరణ

పేరాగ్రాఫ్ పొడవును మరియు వెడల్పును అమర్చండి:

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

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

CSS సంకేతసంకేతాలు

height: auto|length|initial|inherit;

లక్షణానికి విలువ

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

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

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

TIY ఉదాహరణ

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

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

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

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 7.0