Mitä ovat padding ja margin?

Luonnos

Padding ja margin ovat kaksi perustavaa CSS-ominaisuutta, joilla hallitaan välejä verkkosuunnittelussa ja parannetaan elementtien asettelua ja ulkoasua. Kun paddingia ja marginia käytetään oikein, sivustot ovat näyttäviä, järjestelmällisiä ja helppokäyttöisiä, koska sisällössä on sopivasti tilaa ja se toimii eri laitteilla.

Padding eli sisäreunus tarkoittaa elementin sisällön ja reunan välistä sisäistä tilaa, joka antaa elementin sisällä tilaa hengittää. Esimerkiksi tekstin ympärillä oleva padding varmistaa, ettei teksti kosketa säiliön reunoja, mikä parantaa luettavuutta.

Margin eli ulkoreunus tarkoittaa elementin reunan ja ympäröivien elementtien välistä ulkoista tilaa. Se erottaa osat toisistaan, jotta ne eivät näytä ahtailta, ja selkeyttää asettelun rakennetta.

Ota se heti käyttöön
omalla verkkosivullasi.

Aloita ilmaiseksi WEMASYlla ja rakenna sivusi muutamassa minuutissa.