Dimensioni del riquadrato
Ogni riquadrato ha un' area di contenuto (per esempio del testo, un'immagine, ecc.) e un cuscinetto [padding] opzionale che lo circonda, un bordo, e aree di margine; la dimensione di ogni area è specificata dalle proprietà definite di seguito. Il seguente diagramma illustra come queste aree si relazionano e la terminologia usata per far riferimento alle parti di margine, bordo, e cuscinetto [padding]:


Il margine, bordo, e cuscinetto [padding] si possono dividere nei segmenti sinistro [left], destro [right], superiore [top], ed inferiore [bottom] (per esempio, nel diagramma, "LM" sta per left margin [margine sinistro], "RP" per right padding [cuscinetto destro], "TB" per top border [bordo superiore], ecc.).

La larghezza [width] del riquadrato è data dalla somma dei margini sinistro e destro, dal bordo sinistro e destro e dal cuscinetto sinistro e destro, nonchè dalla larghezza del contenuto. L'altezza [height] è data dalla somma dei margini superiore ed inferiore, dal bordo superiore ed inferiore e dal cuscinetto superiore ed inferiore, nonchè dall'altezza del contenuto.

COMMENTI