Stil üst Özellik
Örnek
Bir <button> öğesinin üst konumunu ayarlayın:
document.getElementById("myBtn").style.top = "100px";
Tanım ve Kullanım
top özelliği, konumlandırılmış bir öğenin en üst konumunu ayarlar veya döndürür.
Bu özellik, dolgu, kaydırma çubuğu, kenarlık ve kenar boşluğu dahil öğenin üst konumunu belirtir.
İpucu: Konumlandırılmış öğe, konum özelliği göreli, mutlak veya sabit olarak ayarlanmış bir öğedir.
İpucu: Konumlandırılmış bir öğenin alt konumunu ayarlamak veya döndürmek için alt özelliğini kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
top | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
En iyi özelliği döndür:
object.style.top
Üst özelliği ayarlayın:
object.style.top = "auto|length|%|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
auto | Lets the browser set the top position. This is default |
length | Defines the top position in length units. Negative values are allowed |
% | Sets the top position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | Oto |
---|---|
Geri dönüş değeri: | Konumlandırılmış bir öğenin en üst konumunu temsil eden bir Dize |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
Negatif değerler kullanma - Bir <div> öğesinin en üst konumunu ayarlayın:
document.getElementById("myDiv").style.top = "-100px";
Örnek
Bir <div> öğesinin en üst konumunu döndürür:
alert(document.getElementById("myDiv").style.top);
İlgili Sayfalar
CSS eğitimi: CSS Konumlandırma
CSS referansı: üst özellik
❮ Stil Nesnesi