Увод

Величину позадинске слике можемо одредити уз помоћ својства бацкгроунд-сизе. Слику можемо направити као леву, растегнуту и ​​прилагођену расположивом простору. Постоји толико много синтаксе за имплементацију својства величине позадине. Својство својства величине позадине можемо подесити уз помоћ вредности и јединичних вредности.

У јединичним вредностима можемо дефинисати својство величине позадине у облику процената или пиксела. Можемо га дефинисати и уз помоћ глобалне вредности. Можемо га имплементирати уз помоћ глобалне вредности уз помоћ доњег исјечка.

како да преузмете скривене апликације

 .card-hero inherit 

Хајде да укратко разумемо тему.

Вредности кључних речи

Можемо користити вредност кључне речи уз помоћ цовер анд цонтаин. Можемо да променимо величину позадине уз помоћ ових вредности кључних речи.

1. Корица:

Величину позадине можемо подесити уз помоћ кључне речи насловнице. Ако дефинишемо величину позадине као поклопац, онда ће се слика уклопити у контејнер без остављања простора. Такође ће побољшати слику тако да одговара екрану.

Хајде да то разумемо уз помоћ примера у наставку.

Пример 1:

низове на целе бројеве

код:

 Document body { margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f0f0f0; } .background-container { position: relative; width: 100vw; height: 100vh; background-image: url(&apos;https://e0.pxfuel.com/wallpapers/163/906/desktop-wallpaper-beautiful-nature-with-girl-beautiful-girl-with-nature-and-moon-high-resolution-beautiful.webp&apos;); background-size: cover; background-position: center; text-align: center; color: white; } .background-container h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.5rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); } <p>Where every step unveils a new wonder.</p> 

Излаз

Објашњење:

У горњем коду, три позадинске слике су комбиноване помоћу својства бацкгроунд-имаге. Својство бацкгроунд-сизе специфицира величине за сваку слику у позадини: 30% ширине за прву слику, 40% ширине за другу слику и поклопац за трећу слику. Својство бацкгроунд-поситион је различито подешено за сваку слику да би се створила уравнотежена композиција.