Guida base al CSS

Guida Topmanga

IL PADDING



Il padding serve a creare uno spazio intorno intorno al contenuto di un elemento.
Si può impostare il padding per ogni lato dell'elemento:ide of an element:

padding-top
padding-right
padding-bottom
padding-left

Al padding si possono assegnare questi valori:

length - lunghezza in px, pt, cm, etc.
% - percentuale della grandezza dell'elemento che lo contiene

Nota: valori negativi non sono consentiti
Esempio


div {
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
}
Quello che otteniamo è questo:
Questo elemento DIV ha un padding-top di 50px, un padding-right di 30px, un padding-bottom 50px, and a left-padding of 80px e uno sfondo azzurrino.