bottom

Misol

<button> elementining pastki joylashuvini o‘rnating:

document.getElementById("myBtn").style.bottom = "100px";
O‘zingiz sinab ko‘ring »

ULASHISH

Tavsif

bottom xususiyati joylashtirilgan (positioned) elementning pastki joylashuvini o‘rnatadi yoki qaytaradi.

Bu xususiyat elementning pastki joylashuvini ichki bo‘shliq (padding), aylantirish paneli (scrollbar), chegara (border) va tashqi bo‘shliq (margin) bilan birga belgilaydi.

Maslahat: Joylashtirilgan (positioned) element — position xususiyati relative, absolute yoki fixed qiymatiga o‘rnatilgan element.

Maslahat: Joylashtirilgan elementning yuqori joylashuvini o‘rnatish yoki qaytarish uchun top xususiyatidan foydalaning.


Sintaksis

bottom xususiyatini qaytarish:

object.style.bottom

bottom xususiyatini o‘rnatish:

object.style.bottom = "auto|length|%|initial|inherit"

Xususiyat qiymatlari

Qiymat Tavsif
auto Pastki joylashuvni brauzer o‘rnatadi. Bu standart qiymat
length Pastki joylashuvni uzunlik birliklarida belgilaydi. Manfiy qiymatlarga ruxsat beriladi
% Pastki joylashuvni ota element balandligiga nisbatan % da o‘rnatadi
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: auto
Qaytariladigan qiymat: Joylashtirilgan elementning pastki joylashuvini ifodalovchi String
CSS versiyasi CSS2

Ko‘proq misollar

Misol

<div> elementining pastki joylashuvini o‘rnating:

document.getElementById("myDiv").style.bottom = "10px";
O‘zingiz sinab ko‘ring »

Misol

Manfiy qiymatlardan foydalanish - <div> elementining pastki joylashuvini o‘rnating:

document.getElementById("myDiv").style.bottom = "-100px";
O‘zingiz sinab ko‘ring »

Misol

<div> elementining pastki joylashuvini qaytaring:

alert(document.getElementById("myDiv").style.bottom);
O‘zingiz sinab ko‘ring »

Tegishli sahifalar

CSS darsligi: CSS joylashtirish

CSS ma’lumotnomasi: bottom xususiyati


Brauzerlarda qo‘llab-quvvatlash

bottom — CSS2 (1998) imkoniyati.

U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:

Chrome Edge Firefox Safari Opera IE
Ha Ha Ha Ha Ha 9-11


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!