position
Misol
<div> elementining joylashuv turini relative’dan absolute’ga o‘zgartiring:
document.getElementById("myDIV").style.position = "absolute";
O‘zingiz sinab ko‘ring »
Tavsif
position xususiyati element uchun ishlatiladigan joylashtirish usuli turini o‘rnatadi yoki qaytaradi (static, relative, absolute yoki fixed).
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| position | Ha | Ha | Ha | Ha | Ha |
Sintaksis
position xususiyatini qaytarish:
object.style.position
position xususiyatini o‘rnatish:
object.style.position = "static|absolute|fixed|relative|sticky|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| static | Elementlar hujjat oqimida qanday tartibda kelsa, shu tartibda render qilinadi. Bu standart qiymat. |
| absolute | Element o‘zining birinchi joylashtirilgan (static bo‘lmagan) ajdod elementiga nisbatan joylashtiriladi |
| fixed | Element brauzer oynasiga nisbatan joylashtiriladi |
| relative | Element o‘zining odatiy joylashuviga nisbatan joylashtiriladi, ya’ni "left:20" elementning CHAP joylashuviga 20 piksel qo‘shadi |
| sticky | Element foydalanuvchining aylantirish (scroll) holatiga qarab joylashtiriladi Yopishqoq element aylantirish holatiga qarab |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | static |
|---|---|
| Qaytariladigan qiymat: | Elementning joylashuv turini ifodalovchi String |
| CSS versiyasi | CSS2 |
Ko‘proq misollar
Misol
Turli joylashuv turlaridan foydalanish:
function myFunction(x) {
var whichSelected = x.selectedIndex;
var posVal = x.options[whichSelected].text;
var elem = document.getElementById("myDiv");
elem.style.position = posVal;
}
O‘zingiz sinab ko‘ring »
Misol
<h2> elementining joylashuv turini qaytaring:
alert(document.getElementById("myH2").style.position);
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS joylashtirish
CSS ma’lumotnomasi: position xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!