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 :
- padding top : superiore
- padding right : destro
- padding bottom : inferiore
- 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)