HTML5 - polsterējums

polsterējums HTML tas ļauj mums izveidot atstarpi starp saturu un kastes malām, kurā tie ir, tādā veidā mēs varam piešķirt elementam gaisu un panākt interesantus grafiskos efektus.

• Polsterējums: Inicializē augšējās malas polsterējumu, tā mērījumi ir izteikti garumā vai procentos.
• Polsterējums pa labi: Inicializē labās malas polsterējumu, tā mērījumi ir izteikti garumā vai procentos.
• Polsterējums apakšā: Inicializē apakšējās malas polsterējumu, tā mērījumi ir izteikti garumā vai procentos.
• Polsterējums pa kreisi: Inicializē kreisās malas polsterējumu, tā mērījumi ir izteikti garumā vai procentos.
• Polsterējums: Šī saīsne palīdz mums inicializēt polsterējumu ar visām tā malām vienā rindā.

Kaut kas svarīgs, kas mums jāierobežo, inicializējot a polsterējums Izmantojot procentuālos mērījumus, šis procents tiks ņemts tikai, pamatojoties uz elementa platumu, nevis uz augstumu.
Tagad ar vienkāršu kodu redzēsim, kā lietot a polsterējums mūsu HTML5 dokumentā.

 Piemērs
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.

Kā mēs redzam no šī koda, mēs varam izcelt diezgan interesantas lietas, ja paskatāmies uzmanīgi, mēs jau esam izmantojuši citus stilus elementam, kuram mēs pildām, un tas ir, mēs varam sajaukt ar citiem elementiem, lai iegūtu rezultātu. arī redzēt, ka mēs izmantojam mērvienību em tā vietā pxLai gan abi ir saderīgi, ir jautājums, ka mēs varam redzēt to daudzpusību; beidzot redzēsim, kā tas izskatās mūsu pārlūkprogrammā:

Tagad redzēsim, kā lietot saīsni, lai inicializētu mūsu polsterējums vienā rindā polsterējuma mērījumu secība ir šāda: uz augšu, pa labi, uz leju, pa kreisi; Papildus tam, kad mēs izlaižam vērtības, otra vērtība tiek pielāgota neizlaižamajai, piemēram, ja mēs izlaižam kreiso, tā ņems labās vērtības vērtību, ja mēs izlaidīsim zemāko, tā ņems vērtību no augšējās vērtības, ja mēs ievietojam tikai vienu vērtību, četras puses iegūs vienādu vērtību.
Mēs demonstrēsim visu šo teoriju ar prakses kodeksu, redzēsim, kā mēs ļoti vienkāršā veidā īstenojam polsterējumu vienā rindā.

 Piemērs
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.

Kā redzam, polsterējuma deklarācija daudz nemainās, un mēs ietaupām dažas rindiņas, apskatīsim, kā tā izskatītos pārlūkprogrammā:

Šajā elementā mēs izveidojam to ar diezgan neregulāru apmali, ja mēs nebūtu pielietojuši polsterējumu, tad robeža būtu pārtvērusi tekstu, veikusi izmaiņas un pārbaudītu pārlūkprogrammās, lai redzētu atšķirību.
Ar to mēs pabeidzam mūsu HTML5 polsterējuma apmācību, un tagad mēs varam izveidot atstarpes elementos, kas satur mūsu saturu HTML dokumentā, un mums atliek tikai praktizēt, līdz esam apguvuši šajā apmācībā apgūto.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu