Style position özelliği
- Önceki sayfa perspectiveOrigin
- Sonraki sayfa quotes
- Bir üst katmanı geri dön HTML DOM Style Nesnesi
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";
Ö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; }
Örnek 3
<h2> elementinin konumunu döndürür:
alert(document.getElementById("myH2").style.position);
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 |
- Önceki sayfa perspectiveOrigin
- Sonraki sayfa quotes
- Bir üst katmanı geri dön HTML DOM Style Nesnesi