marginBottom

Misol

<div> elementining pastki tashqi bo‘shliqini (margin) o‘rnating:

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

ULASHISH

Tavsif

marginBottom xususiyati elementning pastki tashqi bo‘shliqini (margin) o‘rnatadi yoki qaytaradi.

margin xususiyati ham, padding xususiyati ham element atrofiga bo‘sh joy qo‘shadi. Biroq farq shundaki, margin bo‘sh joyni chegara atrofiga, padding esa element chegarasining ichiga qo‘shadi.


Brauzerlarda qo‘llab-quvvatlash

Xususiyat
marginBottom Ha Ha Ha Ha Ha

Sintaksis

marginBottom xususiyatini qaytarish:

object.style.marginBottom

marginBottom xususiyatini o‘rnatish:

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

Xususiyat qiymatlari

Qiymat Tavsif
% Pastki tashqi bo‘shliqni ota element kengligiga nisbatan % da belgilaydi
length Pastki tashqi bo‘shliqni uzunlik birliklarida belgilaydi
auto Pastki tashqi bo‘shliqni brauzer 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: 0
Qaytariladigan qiymat: Elementning pastki tashqi bo‘shliqini ifodalovchi String
CSS versiyasi CSS1

Ko‘proq misollar

Misol

<div> elementining pastki tashqi bo‘shliqini yana "normal" ga o‘zgartiring:

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

Misol

<div> elementining pastki tashqi bo‘shliqini qaytaring:

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

Misol

marginBottom va paddingBottom o‘rtasidagi farq:

function changeMargin() {   document.getElementById("myDiv").style.marginBottom = "100px"; } function changePadding() {   document.getElementById("myDiv2").style.paddingBottom = "100px"; }
O‘zingiz sinab ko‘ring »

Tegishli sahifalar

CSS darsligi: CSS margin

CSS ma’lumotnomasi: margin-bottom xususiyati

HTML DOM ma’lumotnomasi: margin xususiyati


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!