Veerised ja polsterdus võivad segadusse ajada, sest mõnes mõttes tunduvad need sama asjana: pildi või objekti ümber on tühi ruum. Siin on see, mida peate veebidisainerina nende erinevuste kohta teadma.
Padding
Padding on ruum pildi või lahtri sisu ja selle välispiiri vahel. Alloleval pildil on polsterdus kollane ala sisu ümber. Sel juhul läheb polster täielikult sisu ümber: ülemine, alumine, parem ja vasak pool. Saate määrata, kui palju polsterdust (protsentides, pikslites, punktides jne) kummalgi küljel on ja need ei pea olema ühesugused. Sel viisil saate sisu elemendi sees positsioneerida.
Veerised
Seevastu veerised on ruumid väljaspool elemendi piiri, elemendi ja sellega külgneva elemendi vahel. Pildil on veeris kogu objektist väljaspool olev valge ala. Sarnaselt polsterdusega läheb veeris selles näites täielikult sisu ümber: üleval, all, paremal ja vasakul. Saate kasutada veerisid, et positsioneerida lehel dive ja muid elemente.
Testige oma lehti alati erinevates brauserites, operatsioonisüsteemides (sh mobiilseadmetes) ja ekraanisuuruses, et veenduda, et need kuvatakse täpselt nii, nagu soovite.
