Style bottom özelliği

Tanım ve kullanım

bottom Konumlandırma elementinin alt konumunu ayarlar veya döndürür.

İpucu:Konumlandırma elementi, position özelliği relative, absolute veya fixed olarak ayarlanmış olan elementlerdir.

İpucu:Konumlandırma elementinin üst konumunu ayarlamak veya döndürmek için top özelliğini kullanın.

Ayrıca bakınız:

CSS eğitimi:CSS konumlandırma

CSS referans el kitabı:bottom özelliği

Örnek

Örnek 1

<button> elementinin alt konumunu ayarlayın:

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

Kişisel olarak deneyin

Örnek 2

<div> elementinin alt konumunu ayarlayın:

document.getElementById("myDiv").style.bottom = "10px";

Kişisel olarak deneyin

Örnek 3

Negatif değer - <div> elementinin alt konumunu ayarlayın:

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

Kişisel olarak deneyin

Örnek 4

<div> elementinin alt konumunu döndürün:

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

Kişisel olarak deneyin

Gramer

bottom özelliğini döndürün:

object.style.bottom

bottom özelliğini ayarlayın:

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

Özellik değeri

Değer Açıklama
auto Tarayıcı alt konumunu ayarlar. Varsayılan.
length Uzunluk birimiyle alt konumunu tanımlar. Negatif değerlere izin verilir.
% Ebeveyn elementinin yüksekliğinin yüzdesiyle alt konumunu ayarlar.
initial Bu özelliği varsayılan değerine ayarlayın. Bakınız: initial.
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız: inherit.

Teknik ayrıntılar

Varsayılan değer: auto
Dönüş değeri: Dizgi, konumlandırma elementinin alt konumunu belirtir.
CSS sürümü: CSS2

Tarayıcı desteği

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