CSS: PADDING

E’ la proprietà CSS che serve a creare del margine all’ interno di un qualsiasi bordo come da esempio sottostante 

Come per la proprietà margin , abbiamo la possibilità di decidere 4 valori :




  1. padding top : superiore
  2. padding right : destro
  3. padding bottom : inferiore
  4. patting left : sinistro

Inserendo un solo valore accanto alla proprietà , esso sarà assegnato a tutti e 4 i padding

PAGINA HTML

<!doctype html>
<html lang=”it”>
<head>
<link rel = “stylesheet” type = “text/css” href = “style.css”/>
</head>
<body>
<div>PADDING</div>
</body>
</html>

STYLE.CSS

div {
 padding: 25px;
 border: 5px solid pink;
}




Per differenziare tutti e 4 i pading , l’ ordine di inserimento è : superiore , destro , inferiore , sinistro.

Per differenziare i padding a due a due :

padding 25px 30px ( i padding superiori e inferiori saranno di 25 , i laterali di 30)