Örnek
Bir konumunu değiştirme <div> mutlak göreli gelen eleman:
document.getElementById("myDIV").style.position = "absolute";
Kendin dene " Tanımı ve Kullanımı
Pozisyon özelliği, ayarlar veya bir eleman için kullanılan yerleştirme yöntemi türünü döner (static, relative, absolute or fixed) .
Tarayıcı Desteği
position özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
position özelliğini Dönüş:
object .style.position
position özelliğini ayarlayın:
object .style.position="static|absolute|fixed|relative|initial|inherit"
Mülkiyet Değerler
değer | Açıklama |
---|---|
static | Onlar belge akışında göründükleri gibi elementler, sırayla vermektedir. Bu varsayılan değerdir. |
absolute | Elemanı ilk konuma göre konumlandırılır (not static) üstselindeki |
fixed | elemanın bir tarayıcı penceresine göre konumlandırılır |
relative | Eleman normal pozisyonuna göreli olarak yerleştirilmiş, bu yüzden "left:20" elemanın SOL konumuna 20 piksel ekler |
initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun |
inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Teknik detaylar
Varsayılan değer: | statik |
---|---|
Geri dönüş değeri: | bir elemanın konumu, türünü temsil eden bir String, |
CSS Sürüm | CSS2 |
Diğer Örnekler
Örnek
Farklı pozisyon türlerini kullanma:
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem =
document.getElementById("myDiv");
elem.style.position=posVal;
}
Kendin dene " Örnek
Bir konumunu döndürür <h2> elemanının:
alert(document.getElementById("myH2").style.position);
Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Konumlandırma
CSS referansı: position property
<Stil Nesne