Consulenza - Sviluppo - Marketing - Formazione

Giacomo Rutili

Tieni qualche istante il mouse sopra al mio nome per aggiungermi su Google+ o seguimi sugli altri social
Giacomo Rutili

il background

16 luglio 2011, Scritto da , category css

Il background è una proprietà che serve per applicare un colore o una immagine allo sfondo dell’oggetto interessato.

E’ una proprietà applicabile a tutti gli elementi e può avere le seguenti applicazioni:

  • background-color: colore di sfondo
  • background-image: immagine di sfondo (richiede la specifica url)
  • background-repeat: ripetizione img di sfondo
  • background-attachment: determina se l’immagine scorre con il contenuto o se resta fissa
  • background-position: specificail punto in cui posizionare l’immagine

Tutte le proprietà sono non ereditarie e potrebbero avere qualche diversità nel rendering dei vari browser.

Esempio

body {
background-image: url(bg.gif);
background-repeat: no-repeat;
background-position: 50px 30px;
}