Örnek
Bir yerleştirin <h2> elemanı:
h2
{
position: absolute;
left: 100px;
top: 150px;
}
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
Konum özelliği, bir element için kullanılan yerleştirme yöntemi türünü belirtir (static, relative, absolute or fixed) .
| Varsayılan değer: | static |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS2 |
| JavaScript sözdizimi: | object .style.position="absolute" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| position | 1.0 | 7 | 1.0 | 1.0 | 4.0 |
CSS sözdizimi
position: static|absolute|fixed|relative|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| static | Varsayılan değer. Onlar belge akışında göründükleri gibi elementler, sırayla işlemek | Oynat " |
| absolute | Elemanı ilk konuma göre konumlandırılır (not static) üstselindeki | Oynat " |
| fixed | elemanın bir tarayıcı penceresine göre konumlandırılır | Oynat " |
| relative | Eleman normal pozisyonuna göreli olarak yerleştirilmiş, bu yüzden "left:20px" elemanın SOL konumuna 20 piksel ekler | 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 |
Diğer Örnekler
Örnek
Nasıl normal pozisyonuna unsuru göre konumlandırmak için:
h2.pos_left {
position: relative;
left: -20px;
}
h2.pos_right {
position:
relative;
left: 20px;
} Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Konumlandırma
HTML DOM referansı: position property