Nwlapcug.com


Come utilizzare imbottitura in CSS

Come utilizzare imbottitura in CSS


La proprietà di Cascading Style Sheet (CSS) chiamata imbottitura aggiungerà spazio all'interno di qualsiasi elemento nel documento HTML. Imbottitura è parte del modello di riquadro CSS. Padding è lo spazio aggiunto tra il contenuto dell'elemento ed i relativi bordi. Ecco come utilizzare il riempimento.

Istruzioni

1

In un foglio di stile CSS, ogni lato di un elemento può avere un riempimento diverso. Quando si lavora in questo modo che si imposta ogni lato del padding individualmente. I valori nel file CSS di riempimento devono essere somministrato da superiore, destro, inferiore e sinistro.

Ecco un esempio:

p {
padding-top: 1em;
imbottitura a destra: 2em;
padding-bottom: 0.5;
padding-left: 2em;
}

2

La stessa regola sopra indicata possa essere dichiarata utilizzando la sintassi abbreviata CSS, come questo:

p {
Imbottitura: 1em 2em 0.5 2em;
}

3

Se tutte le imbottiture sta per essere uguale, utilizzare una regola come questa:

p {
Imbottitura: 1em;
}

4

Se la parte superiore e inferiore sarà lo stesso e la sinistra e destra sarà lo stesso, utilizzare questa regola di sintassi abbreviata:

p {
Imbottitura: 1em 2em;
}

La 1em wlll incidere la parte superiore e inferiore, il 2em influenzerà la destra e la sinistra.

Consigli & Avvertenze

  • Imbottitura è all'interno di un elemento, quindi verrà visualizzato lo sfondo dell'elemento attraverso. Senza aggiunta di bordi o margini sarà di fuori della zona di riempimento.