მინდვრები და ბალიშები შეიძლება დამაბნეველი იყოს, რადგან, გარკვეულწილად, ისინი ერთნაირია: თეთრი სივრცე სურათის ან ობიექტის გარშემო. აი, რა უნდა იცოდეთ თქვენ, როგორც ვებ დიზაინერმა მათი განსხვავებების შესახებ.
შეფუთვა
შეფუთვა არის სივრცე გამოსახულების ან უჯრედის შიგთავსსა და მის გარე საზღვრებს შორის. ქვემოთ მოცემულ სურათზე, ბალიშები არის ყვითელი არე შინაარსის გარშემო. ამ შემთხვევაში, ბალიშები მთლიანად მიდის შიგთავსის გარშემო: ზედა, ქვედა, მარჯვენა და მარცხენა მხარეს. თქვენ შეგიძლიათ მიუთითოთ რამდენი შიგთავსი (პროცენტში, პიქსელებში, წერტილებში და ა.შ.) თითოეული მხარისთვის და არ უნდა იყოს იგივე. ამ გზით, თქვენ შეგიძლიათ განათავსოთ შინაარსი ელემენტის შიგნით.
ზღვრები
ამის საპირისპიროდ, მინდვრები არის სივრცეები ელემენტის საზღვრებს გარეთ, ელემენტსა და მის გვერდით არსებულს შორის. სურათზე, ზღვარი არის თეთრი ფართობი მთელი ობიექტის გარეთ. ბალიშის მსგავსად, ზღვარი მთლიანად მიდის ამ მაგალითში შიგთავსის გარშემო: ზედა, ქვედა, მარჯვენა და მარცხენა მხარეს. შეგიძლიათ გამოიყენოთ მინდვრები გვერდზე div-ების და სხვა ელემენტების განთავსებისთვის.
ყოველთვის გამოსცადეთ თქვენი გვერდები სხვადასხვა ბრაუზერებში, ოპერაციულ სისტემებში (მათ შორის მობილურში) და ეკრანის ზომებში, რათა დარწმუნდეთ, რომ ისინი ზუსტად ისე გამოჩნდება, როგორც თქვენ გსურთ.
