CSS üst Özellik
Örnek
Konumlandırılmış <div> öğesinin üst kenarını, en yakın konumlandırılmış atasının üst kenarından 50 piksel aşağıya ayarlayın:
div {
position: absolute;
top:
50px;
border: 3px solid green;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Özellik top
, 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; -
top
özellik, bir elemanın üst kenarını, en yakın konumlandırılmış atasının üst kenarının üstünde/altında bir birime ayarlar. - Konum ise: göreceli; -
top
özellik, elemanın üst kenarının normal konumunun üstüne/altına hareket etmesini sağlar. - Eğer pozisyon: yapışkan; -
top
ö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; -
top
mü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.top="100px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
top | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS Sözdizimi
top: auto|length|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
auto | Lets the browser calculate the top edge position. This is default | |
length | Sets the top edge position in px, cm, etc. Negative values are allowed. Read about length units | |
% | Sets the top 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 |
Daha fazla örnek
Örnek
Top özelliğini negatif bir değerle ve konumlandırılmış ataları olmayan bir öğe için kullanın:
div.b {
position: absolute;
top: -20px;
border: 3px solid blue;
}
div.c {
position: absolute;
top: 150px;
border: 3px solid green;
}
İlgili Sayfalar
CSS eğitimi: CSS Konumlandırma
CSS referansı: alt özellik
CSS referansı: sol özellik
CSS referansı: sağ özellik
HTML DOM referansı: üst özellik