backgroundSize

Misol

Fon rasmining o‘lchamini belgilang:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";
O‘zingiz sinab ko‘ring »

ULASHISH

Tavsif

backgroundSize xususiyati fon rasmlarining o‘lchamini o‘rnatadi yoki qaytaradi.

Shuningdek qarang:

HTML uslublar: background xususiyati

CSS darsligi: CSS fonlar

CSS3 darsligi: CSS3 fonlar

CSS ma’lumotnomasi: background-size xususiyati


Sintaksis

backgroundSize xususiyatini qaytarish:

object.style.backgroundSize

backgroundSize xususiyatini o‘rnatish:

object.style.backgroundSize = "auto|length|cover|contain|intial|inherit"

Xususiyat qiymatlari

Qiymat Tavsif
auto Standart qiymat. Fon rasmi (background-image) o‘zining kengligi va balandligini saqlaydi
length Fon rasmining kengligi va balandligini o‘rnatadi. Birinchi qiymat kenglikni, ikkinchi qiymat balandlikni o‘rnatadi. Agar faqat bitta qiymat berilsa, ikkinchisi "auto" ga o‘rnatiladi
percentage Fon rasmining kengligi va balandligini ota elementga nisbatan foizda o‘rnatadi. Birinchi qiymat kenglikni, ikkinchi qiymat balandlikni o‘rnatadi. Agar faqat bitta qiymat berilsa, ikkinchisi "auto" ga o‘rnatiladi
cover Fon sohasi fon rasmi bilan to‘liq qoplanishi uchun fon rasmini imkon qadar katta qilib masshtablaydi. Fon rasmining ba’zi qismlari fonning joylashish sohasida ko‘rinmay qolishi mumkin
contain Rasmni kengligi ham, balandligi ham kontent sohasiga sig‘adigan eng katta o‘lchamgacha masshtablaydi
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: Elementning background-size xususiyatini ifodalovchi String
CSS versiyasi CSS3

Brauzerlarda qo‘llab-quvvatlash

backgroundSize — CSS3 (1999) imkoniyati.

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

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


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!