స్టైల్ top లక్షణం

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

top లక్షణాన్ని అమర్చడానికి లేదా లొకేషన్ అండమెంట్ అండమెంట్ తిరిగి పొందడానికి ఉపయోగించండి.

ఈ లక్షణం అండమెంట్ పైని స్థానాన్ని, అంటే అంతర్భాగ పొడవు, స్క్రోల్ బార్, హెడ్జింగ్, బోర్డర్ మరియు మేర్జిన్ లను నిర్ణయిస్తుంది.

సూచన:లొకేషన్ అండమెంట్ అండమెంట్ అని పిలుస్తారు: position లక్షణం అమర్చు చేయండి:relative、absolute లేదా fixed.

సూచన:లొకేషన్ అండమెంట్ బోటమ్ స్థానాన్ని అమర్చడానికి లేదా తిరిగి పొందడానికి ఉపయోగించండి: bottom లక్షణం.

ఇతర సూచనలు:

CSS పాఠ్యక్రమం:CSS 定位

CSS సూచికలు:top లక్షణం

ఉదాహరణ

ఉదాహరణ 1

పైని స్థానాన్ని అమర్చు - <button> అండమెంట్ పైని స్థానాన్ని అమర్చు:

document.getElementById("myBtn").style.top = "100px";

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

ఉదాహరణ 2

పైని స్థానాన్ని నిరాకరణలు ఉపయోగించి అమర్చు - <div> అండమెంట్ పైని స్థానాన్ని అమర్చు:

document.getElementById("myDiv").style.top = "-100px";

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

ఉదాహరణ 3

<div> అండమెంట్ పైని స్థానాన్ని తిరిగి పొందండి:

alert(document.getElementById("myDiv").style.top);

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

సింతాక్స్

top లక్షణాన్ని తిరిగి పొందు:

object.style.top

top లక్షణాన్ని అమర్చు:

object.style.top = "auto|length|%|initial|inherit"

లక్షణ విలువ

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

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

అప్రమేయం విలువ: కాని
ఫలితం: స్ట్రింగ్, అది లొకేషన్ అండమెంట్ పైని స్థానాన్ని సూచిస్తుంది.
CSS సంస్కరణలు: CSS2

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持