హెచ్టిఎమ్ఎల్ డాక్యుమెంట్ క్లయింట్లెఫ్ట్ అనునది
- ముందుకు పేజీ క్లయింట్హైగ్త్
- తరువాత పేజీ క్లయింట్టాప్
- ముందుకు ఒక తరగతి తిరిగి హెచ్టిఎంఎల్ డొమ్ ఇలమెంట్స్ ఆబ్జెక్ట్
నిర్వచనం మరియు ఉపయోగం
క్లయింట్లెఫ్ట్
అనునది పరిమాణం ఇల్మెంట్ యొక్క ఎడమ కినరి వెడల్పును పిక్సెల్లలో పరిమాణం తో పునఃప్రాప్యతగా చేస్తుంది.
క్లయింట్లెఫ్ట్
అనునది పరిమాణం ఇల్మెంట్ యొక్క ఎడమ అంతరిక్షం లేదా ఎడమ పైకప్పు లేదా ఎడమ పైకప్పు ఉండదు.
క్లయింట్లెఫ్ట్
అనునది పరిమాణం రాదారి విలువ కాగలదు.
మున్నటికైన సూచనస్టైల్.బార్డర్లెఫ్ట్వైడ్త్ అనునదిఇలాంటిగా ఇల్మెంట్ యొక్క ఎడమ కినరి వెడల్పును కూడా పునఃప్రాప్యతగా చేస్తుంది.
చూడండి:CSS ఫ్రేమ్వర్క్ శిక్షణ విద్యాలోకం
మరింత చూడండి:
ఉదాహరణ
ఉదాహరణ 1
myDIV యొక్క ఎడమ మరియు పై కినరి వెడల్పులను చూపించండి:
కాన్స్ట్ ఎలంట్ = డాక్యుమెంట్.getElementById("myDIV"); లెట్ టెక్స్ట్ = "బార్డర్ పై వెడల్పు: " + ఎలంట్.క్లయింట్టాప్ + "px<br>"; టెక్స్ట్ += "బార్డర్ ఎడమ వెడల్పు: " + ఎలంట్.క్లయింట్లెఫ్ట్ + "px";
ఉదాహరణ 2
ఈ ఉదాహరణలో, "myDIV" యొక్క టెక్స్ట్ దిశ ఎడమ నుండి కుడికి ఉంటుంది మరియు ఇది స్క్రోల్ బార్ కలిగి ఉంటుంది:
లెట్ లెఫ్ట్ = డాక్యుమెంట్.getElementById("myDIV").clientLeft;
సంకేతం
ఇల్మెంట్.క్లయింట్లెఫ్ట్
పునఃప్రాప్యత విలువ
రకం | వివరణ |
---|---|
సంఖ్య | ఇల్మెంట్ యొక్క ఎడమ కినరి వెడల్పు, పిక్సెల్లలో పరిమాణం తో ఉంటుంది. |
బ్రౌజర్ మద్దతు
అన్ని బ్రౌజర్లు మద్దతు ఇస్తాయి ఇల్మెంట్.క్లయింట్లెఫ్ట్
అనగా
క్రోమ్ | ఐఇ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
---|---|---|---|---|---|
క్రోమ్ | ఐఇ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
- ముందుకు పేజీ క్లయింట్హైగ్త్
- తరువాత పేజీ క్లయింట్టాప్
- ముందుకు ఒక తరగతి తిరిగి హెచ్టిఎంఎల్ డొమ్ ఇలమెంట్స్ ఆబ్జెక్ట్