Шектер мен толтыру шатастыруы мүмкін, себебі олар кейбір жолдармен бірдей көрінеді: кескіннің немесе нысанның айналасындағы ақ кеңістік. Веб-дизайнер ретінде олардың айырмашылықтары туралы білуіңіз керек нәрсе.
Толтырғыш
Толтыру – кескін немесе ұяшық мазмұны мен оның сыртқы шекарасы арасындағы кеңістік. Төмендегі суретте толтырғыш мазмұнның айналасындағы сары аймақ болып табылады. Бұл жағдайда толтыру мазмұнды толығымен айналып өтеді: жоғарғы, төменгі, оң және сол жақ. Әр жақ үшін қанша толтыру (пайызбен, пикселдермен, нүктелермен және т.б.) белгілей аласыз және олардың бірдей болуы міндетті емес. Осылайша мазмұнды элемент ішінде орналастыруға болады.
Шектер
Керісінше, шеттер - элементтің шекарасынан тыс, элемент пен оған іргелес жатқанның арасындағы бос орындар. Кескіндегі жиек - бүкіл нысанның сыртындағы ақ аймақ. Толтырғыш сияқты, шет осы мысалдағы мазмұнды толығымен айналып өтеді: жоғарғы, төменгі, оң және сол жақтарда. Беттегі div және басқа элементтерді орналастыру үшін шеттерді пайдалануға болады.
Беттеріңізді әртүрлі браузерлерде, операциялық жүйелерде (соның ішінде мобильді) және экран өлшемдерінде олардың дәл сіз қалағандай көрсетілетініне көз жеткізіңіз.