Padding e Border cambiano le dimensioni di un elemento.

Che relazione c'è fra la proprietà "padding" e le proprietà "height" e "width"?

Ecco, mediante una serie di ragionamenti e di correzioni, ho capito che il valore di padding e quello di border cambiano la larghezza e l'altezza dell'elemento, e ho apportato le necessarie correzioni nella funzione mediante la quale creo un elemento DIV:

function div(colore,bordo,larghezza,altezza,sinistra,alto,padding){
 var colore=colore;
 var bordo=bordo;
 var larghezza=larghezza-(2*padding)-(2*(parseInt(bordo)));
 var altezza=altezza-(2*padding)-(2*(parseInt(bordo)));
 var sinistra=sinistra;
 var alto=alto;
  
 var inner="
Fesso
"
 var inizia=function(){
  var elemento=document.createElement("div");
  elemento.innerHTML=inner;
  document.body.appendChild(elemento);
 }
 inizia();
}