• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Proprietà immagini background CSS

FazRKill

Utente Assiduo
Autore del topic
16 Settembre 2011
560
21
Miglior risposta
0
Salve,
Esistono diverse proprietà da associare alle immagini di background, queste sono:

-repeat-y
-repeat-x
-repeat
-no-repeat

Andiamo a vedere a cosa servono queste proprietà, e come si possono utilizzare con il css.

Repeat-y a cosa serve?​

Repeat-y serve per far ripetere un'immagine di background in verticale, ad esempio se abbiamo avere una colonna a sinistra con una ripetizione infinita.


Repeat-x a cosa serve?

Repeat-x serve per far ripetere un'immagine di background, a differenza del "repeat-x" questa propietà si ripeterà orizzontalmente.


Repeat a cosa serve?

Repeat serve per far ripetere un'immagine di background, però diversamente dal "repeat-x" e "repeat-y" esso ripeterà un'immagine in tutta la pagina.


No-Repeat a cosa serve?

No-Repeat si distingue da tutte le altre propietà, perchè da come dice il nome, questa propietà non fa ripetere l'immagine, cioè l'immagine resterà fissa da una parte senza avere nessuna ripetizione.


Come faccio ad applicare queste propietà al css?

Per applicare queste propietà al css è davvero facile da fare.
Allora andremo ad inserire nel nostro css, andremo ad inserire questo codice:

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Per chi è inesperto, vi posto il codice base da poter inserire nel css.

Codice:
Perfavore, Entra oppure Registrati per vedere i codici!

Se avete problemi non esitate a chiedere!!
FONTE: MIA

SE TROVATE LA STESSA GUIDA PERO' CON DIVERSE PAROLE, E' SEMPRE LA MIA GUIDA!
SE LA TROVATE IN ALTRI FORUM L'AUTORE DELLA DISCUSSIONE DEVE ESSERE: #Jack