Style top özelliği

Tanım ve kullanım

top Konumlandırma elementinin üst konumunu ayarlamak veya döndürmek için özellik ayarlar.

Bu özellik, elementin üst konumunu, iç boşluk, kaydırma çubuğu, kenarlık ve dış kenarlık dahil olmak üzere belirler.

İpucu：Konumlandırma elementi position özelliği Ayarla：relativeveabsolute veya fixed。

İpucu：Konumlandırma elementinin alt konumunu ayarlamak veya döndürmek için bottom özelliği。

Ayrıca bkz：

CSS eğitimi：CSS konumlandırma

CSS referans el kitabı：Top özelliği

Örnek

Örnek 1

<button> elementinin üst konumunu ayarla：

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

Kişisel olarak deneyin

Örnek 2

Negatif değer kullanarak - <div> elementinin üst konumunu ayarla：

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

Kişisel olarak deneyin

Örnek 3

<div> elementinin üst konumunu döndürür：

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

Kişisel olarak deneyin

Gramer

Top özelliğini döndürür：

object.style.top

Top özelliğini ayarla：

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

Özellik değeri

Değer Açıklama
auto Tarayıcı üst konumu ayarlar. Öntanımlı.
length Uzunluk birimiyle üst konum tanımlanır. Negatif değerlere izin verilir.
% Ebeveyn elementinin yüksekliğinin yüzdesiyle üst konum ayarlanır.
initial Bu özelliği öntanımlı değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer： yok
Dönüş değeri： dizge, konumlandırma elementinin üst konumunu belirtir.
CSS sürümü： CSS2

tarayıcı destekler

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek