Örnek
Mutlak yerleştirilmiş alt kenar ayarlama <div> en yakın konumlandırılmış atası alt kenarı üzerinde 70 piksel elemanın:
div.absolute {
position: absolute;
bottom: 70px;
width: 200px;
height: 100px;
border: 3px solid #8AC007;
}
Kendin dene " Tanımı ve Kullanımı
kesinlikle yerleştirilmiş elemanlar için, alt özelliği onun en yakın konumlandırılmış atası alt kenarının altında / üzerinde bir birim için bir eleman alt kenarını belirler. Not: Bir mutlak konumlu eleman yok konumlandırılmış ataları varsa, bu sayfa kaydırma ile birlikte hareket belge gövdesini kullanır ve. Not: Bir "positioned" elemanı, pozisyon statik dışında bir şey biridir.
Göreli olarak konumlanan elemanları için, alt özelliği normal konumuna üstünde / altında bir birim için bir eleman alt kenarını belirler.
Note: Eğer "position:static" , alt özellik hiçbir etkisi olmaz.
Varsayılan değer: | auto |
---|---|
Miras: | no |
canlandırılabilir: | yes. Read about animatable Try it |
Versiyon: | CSS2 |
JavaScript sözdizimi: | object .style.bottom="10px" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
özellik | |||||
---|---|---|---|---|---|
bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6 |
CSS sözdizimi
bottom: auto| Mülkiyet Değerler değer Açıklama Oynat auto tarayıcı alt kenarı konumunu hesaplamak sağlar. Bu varsayılan Oynat " length Negatif değerler izin vb px, cm, alt kenar konumunu belirler Oynat " % öğeyi içeren% 'si olarak alt kenar konumunu belirler. Negatif değerler izin verilen Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS öğretici: CSS Konumlandırma
CSS referansı: top property
CSS referansı: left property
CSS referansı: right property
HTML DOM referansı: bottom property