Style position özelliği

Tanım ve Kullanım

position Elementin konumlandırma yöntemini belirleyen veya döndüren özellik türünü (istikrarlı, göreli, mutlak veya sabit) belirler.

Ayrıca bakınız:

CSS Eğitimi:CSS Konumlandırma

CSS İpuçları Kılavuzu:position özelliği

Örnek

Örnek 1

<div> elementinin konumunu, göreceli konumdan absolute konuma değiştirin:

document.getElementById("myDIV").style.position = "absolute";

Kişisel olarak deneyin

Örnek 2

Farklı konum türlerini kullanın:

function myFunction(x)  {
  var whichSelected = x.selectedIndex;
  var posVal = x.options[whichSelected].text;
  var elem = document.getElementById("myDiv");
  elem.style.position = posVal;
}

Kişisel olarak deneyin

Örnek 3

<h2> elementinin konumunu döndürür:

alert(document.getElementById("myH2").style.position);

Kişisel olarak deneyin

Gramer

Position özelliğini döndürün:

object.style.position

Position özelliğini ayarlayın:

object.style.position = "static|absolute|fixed|relative|sticky|initial|inherit"

Özellik değeri

Değer Açıklama
static Elementler, belgedeki çıkış sırasına göre sunulur. Varsayılan.
absolute Element, en yakın konumlandırılmış (dinamik olmayan) ata elementine göre konumlandırılır.
fixed Element, tarayıcı penceresine göre konumlandırılır.
relative

Element, normal konumuna göre konumlandırılır.

Bu yüzden "left:20" elementin sol konumunu 20 piksel artırır.

sticky

Element, kullanıcının kaydırma konumuna göre konumlandırılır.

Yapışkan elementler, kaydırma konumuna göre relative ve fixed arasında geçiş yapar.

Bu, belirtilen kayan konuma kadar görsel içindeki konumlandırmadır. Daha sonra uygun konuma 'sıcak' kalır (örneğin, position:fixed).

Yorum:IE/Edge 15 veya daha eski sürümler desteklenmez. Safari 6.1 sürümünden itibaren Webkit öneki desteklenir.

initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit

Teknik ayrıntılar

Varsayılan değer: static
Dönüş değeri: Dize, elementin konum türünü belirtir.
CSS sürümü: CSS2

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek