Come usare i margini nei CSS

December 23

Come usare i margini nei CSS


Il Cascading Style Sheet (CSS) proprietà chiamata margine aggiungerà spazio al di fuori di qualsiasi elemento nel documento HTML. Il margine è parte del box model CSS e crea spazi bianchi intorno alla parte esterna di qualsiasi imbottitura o bordo sull'elemento. Ecco come usare i margini.

istruzione

1 In un foglio di stile CSS, ciascun lato di un elemento può avere un margine diverso. Quando si lavora in questo modo si imposta ogni margine singolarmente. valori dei margini nel CSS dovrebbe essere data da cima, a destra, in basso ea sinistra.

Ecco un esempio:

p {
margin-top: 1em;
margin-right: 2em;
margin-bottom: 0.5em;
margin-left: 2em;
}

2 La stessa regola sopra indicato può essere dichiarato utilizzando stenografia CSS, in questo modo:

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

3 Se tutti i margini stanno per essere uguali, utilizzare una regola come questa:

p {
margin: 1em;
}

4 Se la parte superiore e inferiore sarà lo stesso e sinistra e destra sono le stesse, utilizzare questa regola abbreviata:

p {
margin: 1em 2em;
}

Il 1em wlll influisce sulla parte superiore e inferiore, il 2em influenzerà la destra e di sinistra.

Consigli e avvertenze

  • Margine è trasparente, in modo che il fondo dell'elemento mostrerà attraverso.