En son web geliştirme öğreticiler
 

Style position Property

<Stil Nesne

Ö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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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