logo

Fono dydis CSS

Įvadas

Fono paveikslėlio dydį galime nustatyti naudodamiesi fono dydžio savybe. Paveikslą galime padaryti kaip kairį, ištemptą ir tinkantį turimai erdvei. Yra tiek daug sintaksių, skirtų fono dydžio nuosavybei įgyvendinti. Fono dydžio ypatybę galime nustatyti naudodami reikšmes ir vieneto reikšmes.

Vienetų vertėse galime apibrėžti fono dydžio savybę procentų arba pikselių pavidalu. Mes galime jį apibrėžti ir pasaulinės vertės pagalba. Mes galime tai įgyvendinti naudodami pasaulinę vertę, naudodami toliau pateiktą fragmentą.

pjaustyti java
 .card-hero inherit 

Supraskime temą trumpai.

Raktinių žodžių reikšmės

Raktinio žodžio reikšmę galime naudoti naudodami viršelį ir turinį. Šių raktinių žodžių reikšmių pagalba galime pakeisti fono dydį.

1. Viršelis:

Fono dydį galime nustatyti viršelio raktažodžio pagalba. Jei apibrėžiame fono dydį kaip viršelį, vaizdas tilps į konteinerį nepalikdamas vietos. Tai taip pat pagerins vaizdą, kad tilptų į ekraną.

Supraskime tai naudodami toliau pateiktą pavyzdį.

Parsisiųsti youtube su vlc

1 pavyzdys:

Kodas:

 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> 

Išvestis

Fono dydis CSS

Paaiškinimas:

Aukščiau pateiktame kode trys fono vaizdai yra sujungti naudojant fono vaizdo ypatybę. Fono dydžio ypatybė nurodo kiekvieno fono paveikslėlio dydžius: 30 % pločio pirmam vaizdui, 40 % pločio antrajam vaizdui ir viršeliui trečiam vaizdui. Fono padėties ypatybė kiekvienam vaizdui nustatoma skirtingai, kad būtų sukurta subalansuota kompozicija.