“Padding”, “Border”, “Margin”: differenze e definizioni (codice html e css)

All’interno della progettazione web riferita alle pagine in html con supporto di css è importante distinguere le differenze tra padding, border e margin: si tratta di proprietà utili per controllare nel codice l’uso dello spazio che riguarda ciascun elemento html permettendo di definire le specifiche adatte all’elemento all’interno della pagina.

In modo particolare per capire le differenze è importante comprendere le definizioni: il border indica il bordo, il padding riguarda la configurazione dello spazio che si trova tra l’elemento stesso ed il bordo dell’elemento (il border). Infine il marigne indica la distanza fra il bordo ed il resto della pagina.

Imparare la differenza tra questi elementi all’interno della programmazione web in linguaggio html e css potrà esserti utile per evitare errori grossolani o migliorare i tempi di modifica corretta riguardanti le applicazioni web che andrai a progettare.

Nota: il valore di queste tre proprietà va in px e può raggiungere anche valori negativi.