CSS: PADDING

di

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)

ᐊ Margini
Tabelle ᐅ

Lascia un commento