Katangian ng style top

Paglalarawan at paggamit

top Pag-set o pagbalik ng posisyon ng taas ng itinatag na elemento.

Ang katangian na ito ay nagtutukoy sa posisyon ng elemento sa taas, kasama ang mga padding, scrollbar, border at margin.

Mga payo:Ang elemento na ayon sa posisyon ay: Katangian ng position I-set sa:relative、absolute o fixed.

Mga payo:Para sa pag-set o pagbalik ng posisyon ng taas ng itinatag na elemento, gamit ang: Katangian ng bottom.

Mga iba pang pagbabasa:

Tuturo ng CSS:CSS Positioning

Manwal ng CSS:Katangian ng top

Halimbawa

Halimbawa 1

I-set ang posisyon ng taas ng <button> elemento:

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

Subukan nang personal:

Halimbawa 2

Gamit ang negatibong halaga - i-set ang posisyon ng taas ng <div> elemento:

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

Subukan nang personal:

Halimbawa 3

I-balik ang posisyon ng taas ng <div> elemento:

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

Subukan nang personal:

Mga pangkalahatang panauhing batas

I-balik ang katangian ng top:

object.style.top

I-set ang katangian ng top:

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

Halimbawa ng katangian

Halimbawa ng pagkakakilanlan Paglalarawan
auto Hayaan ang browser na i-set ang posisyon ng taas. Default.
length I-set ang posisyon ng taas bilang yunit ng haba. Pinapayagan ang mga negatibong halaga.
% I-set ang posisyon ng taas bilang porsyento ng taas ng magulang na elemento.
initial I-set ang katangian na ito sa kanyang default na halimbawa. Tingnan ang: initial.
inherit Manggagaling sa kanyang magulang na elemento ang katangian na ito. Tingnan ang: inherit.

Detalye ng teknolohiya

Default na halimbawa: Wala
Halimbawa ng sagot: String na naglalayong posisyon ng itinatag na elemento sa taas.
Versyon ng CSS: CSS2

Browser suporta

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporta Suporta Suporta Suporta Suporta