CSS Applica margine su un dato lato

Esempio

Proprietà specifiche della direzione

CSS ti consente di specificare un lato specifico per applicare il margine a. Le quattro proprietà fornite a questo scopo sono:

  • margin-left
  • margin-right
  • margin-top
  • margin-bottom

Il seguente codice applicherebbe un margine di 30 pixel sul lato sinistro del div selezionato. Visualizza risultato

HTML

<div id="myDiv"></div>

CSS

#myDiv {
    margin-left: 30px;
    height: 40px;
    width: 40px;
    background-color: red;
}
Parametro Dettagli
margin-left La direzione in cui il margine dovrebbe essere applicato.
30px La larghezza del margine.

Specifica della direzione utilizzando la proprietà di stenografia

La proprietà del margin standard può essere espansa per specificare diverse larghezze su ciascun lato degli elementi selezionati. La sintassi per fare ciò è la seguente:

margin: <top> <right> <bottom> <left>;

L'esempio seguente applica un margine di larghezza zero all'inizio del div, un margine di 10 pixel sul lato destro, un margine di 50 pixel sul lato sinistro e un margine di 100 pixel sul lato sinistro. Visualizza risultato

HTML

<div id="myDiv"></div>

CSS

#myDiv {
    margin: 0 10px 50px 100px;
    height: 40px;
    width: 40px;
    background-color: red;
}