*Linux Guide

Web Design - CSS Parte 4

margin
E' una proprietà che può avere i seguenti valori :
- auto
e può esprimere il valore con :
  • length
  • percentage
non ha valore di default dichiarato, non è ereditabile e si applica a tutti gli elementi.
Definisce i margini di un elemento rispetto agli altri. I margini di elementi di blocco disposti verticalmente ed in adiacenza ad un altro elemento di blocco, collassano e assumono le dimensioni del margine più grande. Quelli orizzontali di elementi inline non collassano e nemmeno quelli di elementi 'floated'. Sono ammessi valori negativi ma occorre effettuare delle prove perchè si rischia la sovrascrittura di altri elementi nella pagina.


h1{margin : 2px;
}

margin-bottom
E' una proprietà che possiede i seguenti valori :
- auto
e può esprimere il valore con :
  • length
  • percentage
ha come valore di default '0', non è ereditabile e si applica tutti gli elementi.
Definisce il margine inferiore di un elemento e sono ammessi valori negativi a patto di effettuare delle prove di visualizzazione. Se viene espresso in valori percentuali, questi sono relativi all'elemento progenitore.


h1{margin-bottom : 3px;
}

margin-left
E' una proprietà che possiede i seguenti valori :
- auto
e può esprimere il valore con :
  • length
  • percentage
ha come valore di default '0', non è ereditabile e si applica tutti gli elementi.
Definisce il margine sinistro di un elemento e sono ammessi valori negativi a patto di effettuare delle prove di visualizzazione. Se viene espresso in valori percentuali, questi sono relativi all'elemento progenitore.


h1{margin-left: 3px;
}

margin-right
E' una proprietà che possiede i seguenti valori :
- auto
e può esprimere il valore con :
  • length
  • percentage
ha come valore di default '0', non è ereditabile e si applica tutti gli elementi.
Definisce il margine destro di un elemento e sono ammessi valori negativi a patto di effettuare delle prove di visualizzazione. Se viene espresso in valori percentuali, questi sono relativi all'elemento progenitore.


h1{margin-right: 3px;
}

margin-top
E' una proprietà che possiede i seguenti valori :
- auto
e può esprimere il valore con :
  • length
  • percentage
ha come valore di default '0', non è ereditabile e si applica tutti gli elementi.
Definisce il margine superiore di un elemento e sono ammessi valori negativi a patto di effettuare delle prove di visualizzazione. Se viene espresso in valori percentuali, questi sono relativi all'elemento progenitore.


h1{margin-top : 3px;
}

padding
E' una proprietà che può esprimere il valore con :
  • length
  • percentage
e non ha un valore di default. Non è ereditabile e si applica a tutti gli elementi.
Definisce la distanza che esiste tra il margine interno del bordo di un elemento ed il margine esterno del contenuto dell'elemento stesso. In termini pratici il padding permette di distanziare il testo contenuto in un blocco od in una tabella dal bordo di essi in modo che il testo non si colloochi a ridosso del bordo stesso. E' necessario ricordare che la misura del padding si somma alle dimensioni dell'elemento stesso e se due elementi blocco si trovano affiancati in uno spazio preciso, l'aumento del padding potrebbe determinare la discesa verso il basso dell'ultimo elemento incluso nella struttura perchè la somma totale della larghezza dei due elementi affiancati supera quella del contenitore.
Il padding può essere espresso sia in valore assoluto (pixel e punti), sia in valori relativi o percentuali.


h1{padding : 5px;
}

padding-bottom
E' una proprietà che può esprimere il valore con :
  • length
  • percentage
ha un valore di default pari a '0' , non è ereditabile e si applica a tutti gli elementi.
Definisce la misura del padding inferiore di un elemento. Non sono previsti valori negativi e se la definizione è in percentuale, fa riferimento al progenitore blocco più prossimo.


h1{padding-bottom : 1em;
}

padding-left
E' una proprietà che può esprimere il valore con :
  • length
  • percentage
ha un valore di default pari a '0' , non è ereditabile e si applica a tutti gli elementi.
Definisce la misura del padding sinistro di un elemento. Non sono previsti valori negativi e se la definizione è in percentuale, fa riferimento al progenitore blocco più prossimo.


h1{padding-left : 1em;
}

padding-right
E' una proprietà che può esprimere il valore con :
  • length
  • percentage
ha un valore di default pari a '0' , non è ereditabile e si applica a tutti gli elementi.
Definisce la misura del padding destro di un elemento. Non sono previsti valori negativi e se la definizione è in percentuale, fa riferimento al progenitore blocco più prossimo.


h1{padding-right : 1em;
}

padding-top
E' una proprietà che può esprimere il valore con :
  • length
  • percentage
ha un valore di default pari a '0' , non è ereditabile e si applica a tutti gli elementi.
Definisce la misura del padding superiore di un elemento. Non sono previsti valori negativi e se la definizione è in percentuale, fa riferimento al progenitore blocco più prossimo.


h1{padding-top : 1em;
}

Passiamo quindi ad analizzare le proprietà successive

<< Precedente | Indice | Successiva >>

Linux Guide | Torna in alto