Ionico - Imbottitura
Ionic offre un modo semplice per aggiungere imbottitura agli elementi. Ci sono un paio di classi che possono essere usate e tutte verranno aggiunte10pxtra il bordo dell'elemento e il suo contenuto. La tabella seguente mostra tutte le classi di riempimento disponibili.
Classi di riempimento
Nome della classe | Informazioni sulla classe |
---|---|
imbottitura | Aggiunge imbottitura su ogni lato. |
imbottitura verticale | Aggiunge imbottitura in alto e in basso. |
imbottitura orizzontale | Aggiunge imbottitura a sinistra ea destra. |
imbottitura superiore | Aggiunge imbottitura in alto. |
padding-right | Aggiunge imbottitura a destra. |
imbottitura sul fondo | Aggiunge imbottitura al fondo. |
imbottitura a sinistra | Aggiunge imbottitura a sinistra. |
Utilizzo di imbottitura
Quando vuoi applicare un po 'di riempimento al tuo elemento, devi solo assegnare una delle classi dalla tabella sopra. L'esempio seguente mostra due pulsanti di blocco. Il primo sta usando ilpaddingclasse e il secondo no. Noterai che il primo pulsante è più grande, poiché lo è10px imbottitura applicata.
<div class = "button button-block padding">Padding</div>
<div class = "button button-block">No padding</div>
Il codice precedente produrrà la seguente schermata: