Web Dsigner e Developer

Web Design: Repeat X,Y

1498 VISUALIZZAZIONI
PUBBLICATO IL: 16 novembre 2016

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.

repeat <X Y

COMMENTI (0)

Lascia un commento


Pubblica commento


Web Design: Repeat X,Y

FOCUS TAG

Total-Photoshop è di proprietà di Logic Media s.r.l.
Via Staurenghi 37, 21100 Varese - Telefono e Fax: 0332.288642 - P.iva: 03269350124