CSS టాప్ అట్రిబ్యూట్

定义和用法

top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

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

说明

对于 static 元素，为 auto；对于长度值，则为相应的绝对长度；对于百分比数值，为指定值；否则为 auto。

ప్రత్యేకంగా నిర్ధారిత లక్షణలకు, జరుగుతుంది పై మరియు పైను అప్రమేయంగా ఉన్నప్పుడు, అందువల్ల అందువి పూర్తిగా నిలిచిపోతాయి; మరియు ఒకటి అప్రమేయంగా ఉన్నప్పుడు, మరొక విలువను విలువ ప్రతిపాదితంగా ఉంటుంది; మరియు ఒకేవిధంగా అప్రమేయంగా ఉన్నప్పుడు, పైను విలువను పై విలువను విలువ ప్రతిపాదితంగా ఉంటుంది.

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

CSS శిక్షణ:CSS స్థానాలు

HTML DOM సందర్భాల పరిశీలన:top లక్షణం

ఉదాహరణ

చిత్రం పై ప్రక్కను చిత్రం ప్రక్కను లోపలికను కంటే 5 పిక్సెల్స్ దిగవాడిగా అమర్చండి:

img
  {
  position:absolute;
  top:5px;
  }

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

CSS సంకేతాలు

top: auto|length|initial|inherit;

లక్షణ విలువ

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

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

అప్రమేయ విలువ: auto
పారంతరణ సామర్ధ్యం: no
సంస్కరణ: CSS2
జావాస్క్రిప్ట్ సంకేతాలు: object.style.top="50px"

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

చిత్రం పై ప్రక్కను పనికి స్థిరమైన విలువను ఎలా అమర్చాలనేది చూపిస్తారు.
ఈ ఉదాహరణలో చిత్రం పై ప్రక్కను పనికి స్థిరమైన విలువను ఎలా అమర్చాలనేది చూపిస్తారు.
చిత్రం పై ప్రక్కను శతకం లోపలికను ఎలా అమర్చాలనేది చూపిస్తారు.
ఈ ఉదాహరణలో చిత్రం పై ప్రక్కను శతకం లోపలికను ఎలా అమర్చాలనేది చూపిస్తారు.

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

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

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