Stil alt Özellik
Örnek
Bir <button> öğesinin alt konumunu ayarlayın:
document.getElementById("myBtn").style.bottom = "100px";
Tanım ve Kullanım
Alt özelliği, konumlandırılmış bir öğenin alt konumunu ayarlar veya döndürür.
Bu özellik, dolgu, kaydırma çubuğu, kenarlık ve kenar boşluğu dahil öğenin alt 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 üst konumunu ayarlamak veya döndürmek için top özelliğini kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
bottom | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
Alt özelliği döndür:
object.style.bottom
Alt özelliği ayarlayın:
object.style.bottom = "auto|length|%|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
auto | Lets the browser set the bottom position. This is default |
length | Defines the bottom position in length units. Negative values are allowed |
% | Sets the bottom 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 alt konumunu temsil eden bir Dize |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
Bir <div> öğesinin alt konumunu ayarlayın:
document.getElementById("myDiv").style.bottom = "10px";
Örnek
Negatif değerler kullanma - Bir <div> öğesinin alt konumunu ayarlayın:
document.getElementById("myDiv").style.bottom = "-100px";
Örnek
Bir <div> öğesinin en alt konumunu döndürür:
alert(document.getElementById("myDiv").style.bottom);
İlgili Sayfalar
CSS eğitimi: CSS Konumlandırma
CSS referansı: alt özellik
❮ Stil Nesnesi