Mfano wa top wa CSS

定义和用法

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

Maelezo:Kama thamani ya kinalesha ya position inaingia kinalesha cha kinalesha, kumtegemea tabia ya top haitafanyike mawazo yoyote.

Maelezo

Kwa kinalesha cha kinalesha, thamani yake ni auto; kwa thamani za kinalesha, thamani yake ni kinalesha ya kinalesha; kwa thamani za nusia, thamani yake ni thamani iliyotumika; nyingine ni auto.

Kwa kinalesha cha kinalesha kinaonesha, kama top na bottom ni auto, thamani zao zote ni 0; kama moja yao ni auto, thamani yake inatokana na thamani ya nyingine; kama zote zinaonesha, bottom inatokana na thamani ya top.

Tafadhali tazama:

Mafunzo ya CSS:Kinalesha cha CSS:

Mafunzo ya HTML DOM:Tabia ya top

Mfano

Kumtegemea kumtegemea juu ya picha kwa kinalesha 5 mita kwenye juu ya juu ya kinaelementi:

img
  {
  mwenendo: kinalesha;
  top:5px;
  }

Mfano wa kufikia kwa uwezo wa mwenendo

Inafaa kumtaarifu lugha ya CSS:

top: auto|length|initial|inherit;

Thamani ya tabia

Thamani Maelezo
auto Thamani ya kuzingatia. Kinalesha kinakalikala kumtegemea juu ya juu ya juu ya kinalesha.
% Kumtegemea kumtegemea juu ya elementi kwa nusia ya kinalesha. Inaweza kutumika thamani za kidumu.
length Kumtegemea kumtegemea juu ya elementi kwa kawaida ya px, cm na vingine vingine kwa kawaida. Inaweza kutumika thamani za kidumu.
inherit Inahakikiwa kwamba kinalesha kinaonesha kufadhiliwa kwa thamani ya top ya kinaelementi kinaonesha.

Maelezo ya kidhamaki

Thamani ya kuzingatia: auto
Kuwa na hisia: no
Toleo: CSS2
Inafaa kumtaarifu lugha ya JavaScript: object.style.top="50px"

Mifano mengi

Kumtegemea thamani ya kawaida kufikia juu ya picha
Mfano huu inonyesha hujifanywengine kuwa na uwezo wa kumtegemea kufikia juu ya picha kwa thamani ya kawaida.
Kumtegemea kufikia juu ya picha kwa urahisi wa nusia
Mfano huu inonyesha hujifanywengine kuwa na uwezo wa kumtegemea kufikia juu ya picha kwa urahisi wa nusia.

mwenendo wa kinalesha

maneno ya tabia kwenye jadili inaeza kuwa na toleo la kwanza la kinalesha kufadhiliwa kwa tabia hii.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0