CSS left గుణం

定义和用法

left 属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。

注释：如果 "position" 属性的值为 "static"，那么设置 "left" 属性不会产生任何效果。

వివరణ

సాంకేతిక రూపకల్పన లో కొన్ని నియమాలు ఉన్నాయి. స్టేటిక్ అంశములకు లైఫ్ట్ అంశము యొక్క గణితం యొక్క మొదటి విలువ ఉంటుంది; నిశ్చిత విలువలకు సంబంధించిన అక్షరములు ఉన్నాయి; శాతం లో విలువలకు సంబంధించిన అక్షరములు ఉన్నాయి; లేకపోతే లైఫ్ట్ అంశము యొక్క గణితం యొక్క మొదటి విలువ ఉంటుంది.

సాంకేతిక రూపకల్పన లో కొన్ని నియమాలు ఉన్నాయి. లైఫ్ట్ అంశము యొక్క గణితం యొక్క మొదటి విలువ లైఫ్ట్ అంశము యొక్క మొదటి విలువ కంటే పెద్దది ఉంటే లైఫ్ట్ అంశము యొక్క గణితం యొక్క మొదటి విలువ కంటే చిన్నది ఉంటే లైఫ్ట్ అంశము యొక్క గణితం యొక్క మొదటి విలువ ఉంటుంది.

మరియు చూడండి:

CSS శిక్షణ:CSS లొకేషన్

HTML DOM పరిశీలన మార్గం:left అంశము

ఉదాహరణ

చిత్రం యొక్క ఎడమ అంచును అదే అంశము యొక్క ఎడమ అంచును నుండి కుడికి 100 పిక్సెల్స్ వద్ద సెట్ చేయండి:

img
  {
  position:absolute;
  left:100px;
  }

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

CSS వినియోగదారి కలం

left: auto|length|initial|inherit;

అంశము విలువ

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

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

మూల విలువ: auto
పారంతరణ: no
సంస్కరణ: CSS2
JavaScript వినియోగదారి కలం: object.style.left="100px"

మరిన్ని ఉదాహరణలు

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

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

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

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