Örnek
Mutlak konumlandırılmış üst kenarı ayarlama <div> en yakın konumlandırılmış atası üst kenarının 80px elemanın:
div.absolute {
position: absolute;
top: 80px;
width: 200px;
height:
100px;
border: 3px solid #8AC007;
}
Kendin dene " Tanımı ve Kullanımı
kesinlikle yerleştirilmiş elemanlar için, üst özelliği onun en yakın konumlandırılmış atası üst kenarının üstünde / bir birim için bir eleman üst 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, üst özelliği normal konumuna üstünde / altında bir birim için bir eleman üst kenarını belirler.
Note: Eğer "position:static" , üst ö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.top="100px" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| top | 1.0 | 5.0 | 1.0 | 1.0 | 6 |
CSS sözdizimi
top: auto| Mülkiyet Değerler değer Açıklama Oynat auto Tarayıcı üst kenar konumunu hesaplamak sağlar. Bu varsayılan Oynat " length Negatif değerler izin vb px, cm, üst kenar konumunu belirler Oynat " % öğeyi içeren% 'si olarak, üst kenarı pozisyonunu ayarlar. 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ı: bottom property
CSS referansı: left property
CSS referansı: right property
HTML DOM referansı: top property