Ricordarsi i lati di riferimento in CSS

Vuoto totale.
Vuoto totale.

È inutile. Ogni volta che mi trovo una scena del genere, non riesco mai a ricordarmi i lati di riferimento. Dove sono resi i 2cm? Verso quale lato si sviluppano? Niente. Vuoto totale. Ogni santa volta. Questo infatti è più un appunto personale, così da averlo a portata di mano ovunque vada, ma penso che possa essere utile anche a chi è smemorato come me.

Dunque, abbiamo 4 possibili scenari:

  1. Un solo attributo (“padding: 2cm;“), che varrebbe in tutte le direzioni (left, top, right, bottom);
  2. Due attributi (“padding: 2cm 4cm;“), dove il primo vale per top e bottom, mentre il secondo vale per left e right;
  3. Tre attributi (“padding: 2cm 4cm 3cm;“), dove il primo vale per top, il secondo per left e right, e il terzo per bottom;
  4. Quattro attributi (“padding: 2cm 4cm 3cm 4cm;“), dove il primo vale per top, il secondo per right, il terzo per bottom e il quarto per left;

Ora non ho più scuse 😎

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.