Quali sono le proprietà a valori multipli? Con che ordine vanno specificati i loro valori?

Utente HTML.it
chiede

Quali sono le proprietà a valori multipli? Con che ordine vanno specificati i loro valori?

Redazione HTML.it
risponde

Le principali proprietà a valori multipli per bordi, margini e padding sono:

  • border-witdh
  • border-style
  • border-color
  • margin
  • padding

Per ciascuna di queste proprietà è possibile specificare da uno a quattro valori.
Se si specificano quattro valori, questi sono nell’ordine: top-right-bottom-left
(alto, destra, basso e sinistra), proprio come la lancetta di un orologio che
parte da mezzogiorno. Se il valore specificato è uno solo, questo sarà applicato
a tutti e quattro i lati; se i valori sono due, rispettivamente il primo valore
si riferisce ai lati verticali mentre il secondo a quelli orizzontali; se infine i
valori sono tre, il primo si riferisce al lato superiore,
il secondo ai lati orizzontali mentre il terzo al lato inferiore.