Le proprietà del cuscinetto specificano l'ampiezza dell'area del cuscinetto di un riquadrato. La proprietà stenografica 'padding' imposta il cuscinetto per tutti e quattro i lati mentre le altre proprietà del cuscinetto la impostano solo per il loro rispettivo lato.

Se c'è un solo valore, si applica a tutti i lati. Se ci sono due valori, i cuscinetti superiore[top] ed inferiore [bottom] sono impostati sul primo valore e i cuscinetti destro [right] e sinistro [left] sono impostati sul secondo. Se ci sono tre valori, il superiore [top] è impostato sul primo valore, il sinistro [left e destro [right] sono impostati sul secondo, e l'inferiore [bottom] è impostato sul terzo. Se ci sono quattro valori, si applicano rispettivamente al superiore [top], destro [right], inferiore [bottom] e sinistro [left].

Il colore della superficie o immagine dell'area del cuscinetto è specificata con la proprietà 'background':

Esempio :
H1 { background: white; padding: 1em 2em; }

L'esempio di sopra specifica un cuscinetto verticale di '1em' ('padding-top' e 'padding-bottom') e un cuscinetto orizzontale di '2em' ('padding-right' e 'padding-left'). L'unità 'em' è relativa alla dimensione del font [carattere] dell'elemento: '1em' è uguale alla dimensione del font [carattere] in uso.

COMMENTI