Seçili elementin poziyonunu öğrenmek için kullanılır. Bu yöntem sadece top ve left konumlarını öğrenmek için kullanılabilir.
$("a").click(function(){
var x = $("span").position();
alert("üstten pozisyonu: " + x.top + " soldan pozisyonu: " + x.left);
});
Kullanım şekilleri;
.position()
Elementin pozisyonunu belirlemek için kullanılır.
p{
position: relative;
left: 50%;
top: 100px;
}
| Değer | Açıklama |
| static | Elementin yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar. |
| absolute | Elementin yerinin pencere esas alınarak belirlenmesini sağlar. |
| fixed | Elementin sabit bir şekilde konumlandırılmasında kullanılır. |
| relative | Elementin yerinin bir önceki elemente esas alınarak belirlenmesini sağlar. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 7.0 | 1.0 | 4.0 |
Liste işaretinin liste akışında mı yoksa dışında mı görüneceğini ayarlamak için kullanılır.
ul {
list-style-position: outside;
}
| Değer | Açıklama |
| inside | İşaretçi liste akışı içinde görünür. |
| outside | İşaretçi liste akışı dışında görünür. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 4.0 | 1.0 | 7.0 |
Arka plandaki görüntünün pozisyonunu belirlemek için kullanılır.
.position {
height: 17px;
background-image: url('http://www.w3tr.com/file/html5.png');
background-repeat: no-repeat;
background-position: center;
}
| Değer | Açıklama |
|---|---|
|
left top left center left bottom right top right center right bottom center top center center center bottom |
Eğer tek bir değer verirseniz alacağı diğer değer otomatik olarak “center” olacaktır. |
| x% y% | İlk değer yatay pozisyon ve ikinci değer dikey . Sol üst köşesi 0% 0 % ‘dir. Sağ alt köşede % 100 % 100’dür. Eğer tek bir değer belirtirseniz , diğer değer % 50 olacaktır . . Varsayılan değer : 0 % 0% |
| xpos ypos | İlk değer yatay pozisyon ve ikinci değer dikey . Sol üst köşesi 0px 0px ‘dir. Sağ alt köşede % 100 % 100’dür. Eğer tek bir değer belirtirseniz , diğer değer % 50 olacaktır. |
| initial | |
| inherit |
| 2.0 | 1.0 | 4.0 | 1.0 | 3.5 |