CSS alt Özellik
Örnek
<div> öğesinin alt kenarını, bazı konumlandırmalarla en yakın üst öğesinin alt kenarının 10 piksel yukarısına ayarlayın:
div.absolute {
position: absolute;
bottom:
10px;
width: 50%;
border: 3px solid #8AC007;
}
Tanım ve Kullanım
Özellik bottom, konumlandırılmış bir elemanın dikey konumunu etkiler. Bu özelliğin konumlandırılmamış öğeler üzerinde hiçbir etkisi yoktur.
- Eğer konum: mutlak; veya konum: sabit; -
bottomözellik, bir elemanın alt kenarını, en yakın konumlandırılmış atasının alt kenarının üstünde/altında bir birime ayarlar. - Konum ise: göreceli; -
bottomözellik, elemanın alt kenarının normal konumunun üstüne/altına hareket etmesini sağlar. - Eğer pozisyon: yapışkan; -
bottomözellik, öğe görünüm alanının içindeyken konumu göreliymiş gibi ve dışarıdayken konumu sabitlenmiş gibi davranır. - Konum ise: statik; -
bottommülkün etkisi yoktur.
| Varsayılan değer: | Oto |
|---|---|
| Miras: | Hayır |
| canlandırılabilir: | Evet. Canlandırılabilir hakkında bilgi edinin |
| Sürüm: | CSS2 |
| JavaScript sözdizimi: | nesne .style.bottom="10px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Property | |||||
|---|---|---|---|---|---|
| bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS Sözdizimi
bottom: auto|length|initial|inherit;
Mülk değerleri
| Value | Description | Play it |
|---|---|---|
| auto | Lets the browser calculate the bottom edge position. This is default | |
| length | Sets the bottom edge position in px, cm, etc. Negative values are allowed. Read about length units | |
| % | Sets the bottom edge position in % of containing element. Negative values are allowed | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Konumlandırma
CSS referansı: üst özellik
CSS referansı: sol özellik
CSS referansı: sağ özellik
HTML DOM referansı: alt özellik