Puntata della #TutorialTV dedicata al Web Design. Parliamo di una proprietà relativa alla gestione dello sfondo, la ripetizione di immagini.

Repeat X o Y?

Questa proprietà consente di definire la direzione in cui l’immagine di sfondo viene ripetuta.

• Repeat: l’immagine viene ripetuta in orizzontale e verticale. È il comportamento standard.
• Repeat-x: l’immagine viene ripetuta solo in orizzontale.
• Repeat-y: l’immagine viene ripetuta solo in verticale.
• No-repeat: l’immagine non viene ripetuta.

Questa proprietà è utilissima in ottica responsive, in modo tale che lo sfondo sia sempre adeguato in base alla dimensione della finestra in cui lo stiamo visualizzando.

Lo sfondo continuerà a seguire la finestra man mano che ridimensioniamo il nostro elemento, senza lasciare spazi vuoti.