objectFit

Misol

Tomonlar nisbatini saqlagan holda rasmning chetlarini qirqing va bo‘sh joyni to‘ldiring:

document.getElementById("myImg").style.objectFit = "cover";

Tavsif

objectFit xususiyati <img> yoki <video> o‘z konteyneriga sig‘ishi uchun o‘lchami qanday o‘zgartirilishini belgilashda ishlatiladi.

Bu xususiyat kontentga konteynerni turli usullarda to‘ldirishni buyuradi; masalan, "tomonlar nisbatini saqlash" yoki "cho‘zilib, imkon qadar ko‘proq joyni egallash"

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
objectFit	31.0	16.0	36.0	7.1	19.0

Sintaksis

objectFit xususiyatini qaytarish:

object.style.objectFit

objectFit xususiyatini o‘rnatish:

Xususiyat qiymatlari

Qiymat	Tavsif
fill	Bu standart qiymat. Almashtiriladigan (replaced) kontent elementning kontent qutisini to‘ldiradigan o‘lchamga keltiriladi. Zarur bo‘lsa, obyekt sig‘ishi uchun cho‘ziladi yoki siqiladi
contain	Almashtiriladigan kontent elementning kontent qutisiga sig‘gan holda tomonlar nisbatini saqlab masshtablanadi
cover	Almashtiriladigan kontent elementning butun kontent qutisini to‘ldirgan holda tomonlar nisbatini saqlaydigan o‘lchamga keltiriladi. Obyekt sig‘ishi uchun qirqiladi
none	Almashtiriladigan kontentning o‘lchami o‘zgartirilmaydi
scale-down	Kontent go‘yo none yoki contain ko‘rsatilgandek o‘lchamga keltiriladi (natijada obyektning aniq o‘lchami kichikroq bo‘ladi)
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:	fill
Qaytariladigan qiymat:	Elementning object-fit qiymatini ifodalovchi String
CSS versiyasi	CSS3

Tegishli sahifalar

CSS darsligi: CSS object-fit

CSS ma’lumotnomasi: object-fit xususiyati

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish