Marges en opvulling kan verwarrend wees, want in sekere opsigte lyk dit na dieselfde ding: wit spasie om 'n prent of voorwerp. Hier is wat jy as 'n webontwerper oor hul verskille moet weet.
Opvulling
Opvulling is die spasie tussen 'n prent of selinhoud en sy buitegrens. In die prent hieronder is die vulling die geel area rondom die inhoud. In hierdie geval gaan vulling heeltemal om die inhoud: bo-, onder-, regter- en linkerkant. Jy kan spesifiseer hoeveel vulling (in persentasie, pixels, punte, ens.) vir elke kant, en hulle hoef nie dieselfde te wees nie. Op hierdie manier kan jy inhoud binne 'n element posisioneer.
Marges
Daarteenoor is kantlyne die spasies buite die grens van 'n element, tussen die element en wat ook al aangrensend daaraan is. In die prent is die kantlyn die wit area buite die hele voorwerp. Soos die vulling, gaan die kantlyn heeltemal om die inhoud in hierdie voorbeeld: aan die bo-, onder-, regter- en linkerkant. Jy kan kantlyne gebruik om divs en ander elemente op 'n bladsy te posisioneer.
Toets altyd jou bladsye in verskeie blaaiers, bedryfstelsels (insluitend selfone) en skermgroottes om seker te maak hulle vertoon presies soos jy wil hê hulle moet.
