Padding and Margin

Anonim

Svatko tko se usredotočio na dizajnerski svijet morao je čuti pojmove margine i padove koji su tako često izbačeni. Iako mnogi učenici shvaćaju da se obje margine i padding odnose na prostor između elemenata, ne mogu razlikovati marginu i padding. Svaka osoba koja razumije razliku između dva uvjeta može biti u mogućnosti donijeti bolje odluke o dizajnu.

  • Što je padding?

Padding je pojam koji se koristi za označavanje prostora između elementa i granice. Važno je naglasiti da ispuna ide oko svih četiri strane sadržaja.

  • Što je Margin?

Granica je izraz koji se koristi za označavanje prostora između elementa i vanjskih elemenata. To je granica između jednog elementa i drugog.

Razlika između ispune i margine

  1. Interakcija ispune i margine

Jedna od glavnih razlika između margine i padding je njihova interakcija. Plošni interakcija s unutarnjim sastavnicama dizajna ili objekta jer je prostor između granice i sadržaja predmeta koji se razmatra. S druge strane, margina interakcije s vanjskim okruženjem subjekta u pozornosti jer je prostor između objekta i sljedećeg objekta, koji je najbliži objektu.

  1. Svrha popunjavanja i margine

Oba granica i padding razlikuju se po svojoj svrsi ili ulogama koje igraju u objektu. Glavna svrha margine je osigurati da objekt ne bude izložen drugim objektima koji okružuju objekt oko svih četiri strane. Omogućuje sigurnost cijelog objekta tako da se objekt ne ometa ili utječe na vanjsko okruženje. S druge strane, padding igra ulogu kako bi se osiguralo da sadržaj objekta ne interakciju s granicama. Padding osigurava da sadržaj ne dodiruje rubove objekta koji ih pokriva, stoga djeluje kao apsorber.

  1. Ponašati se različito u različitim preglednicima

Jedna od glavnih razlika u bilješki između margine i padding je da se oni ponašaju drugačije u različitim preglednicima. Netko će ustanoviti da određeni preglednik obrađuje vanjske prostore objekta i unutarnje prostore objekta dok drugi preglednik odbija obraditi marginu ili padding. Ponekad je moguće utvrditi da preglednik odbija obraditi bilo koji prostor objekta, a može biti margina ili padding. To objašnjava zašto se neke margine automatski ruše kad se postave na određenim preglednicima.

  1. Utjecaj na veličinu ispune i margine

Drugi faktor koji razlikuje obje margine i padding je da oni imaju neke značajne različite u načinu na koji se ponašaju ili utječu na visinu i širinu objekta. Margina povećava veličinu objekta osiguravajući da se povećava nekoliko centimetara na oba širine i visine objekta. To je zato što je margina postavljena izvan objekta i pokušava utjecati na prostor izvan objekta. S druge strane, padding nema utjecaja na veličinu objekta jer ne utječe na širinu i visinu objekta. U stvari, padding je unutar objekta, što znači da ne može utjecati na veličinu objekta u kojem je sadržan.

  1. Kada koristiti padding i marginu

Konačno, kada se upotreba margine razlikuje kada se želi upotrijebiti padding. To znači da, unatoč dvama prostorima koji prikazuju značajne razlike u njihovim svrhama, može se prikazati i neka značajna razlika kada je riječ o stvarnoj upotrebi svake prostorije. Padding se uglavnom koristi kada netko želi da boja pozadine nastavi u prostoru koji stvara. To znači da ljudi koriste ispupčenje kada žele da njihova pozadina izađe. S druge strane, ljudi koriste margine kada žele da njihova pozadinska boja napadne svoj osobni prostor.

Tablica ilustrira razlike između margine i padanja

Margina

punjenje

Prostor između različitih elemenata Prostor između sadržaja i ruba komponente
Koristi se za povećanje veličine komponente Nije moguće povećati veličinu elementa
Koristi se kada netko želi pozadinsku boju zauzimati osobni prostor Koristi se kada netko želi pozadinsku boju da zaviruje
Interakcije s vanjskim okruženjem elementa Interakcije s unutarnjim okruženjem elementa

  • Stoga, kao što možete vidjeti, postoje bitne razlike između margina i paddinga koje biste trebali uzeti u obzir prilikom odabira koji će se koristiti za pomicanje čestica oko stranice.
  • Ipak, u onim slučajevima gdje se bilo koje granice ili padding može koristiti za isti učinak, puno od sudbine dolazi do osobne sklonosti.