--- id: bad87fee1248bd9aedf08824 title: Aggiungere margini differenti ad ogni lato di un elemento challengeType: 0 videoUrl: 'https://scrimba.com/c/cg4RWh4' forumTopicId: 16633 dashedName: add-different-margins-to-each-side-of-an-element --- # --description-- A volte si vuole personalizzare un elemento in modo che abbia un `margin` diverso su ciascuno dei suoi lati. CSS consente di controllare il `margin` di tutti e quattro i lati di un elemento con le proprietà `margin-top`, `margin-right`, `margin-bottom`e `margin-left`. # --instructions-- Dài al riquadro blu un `margin` di `40px` sul lato superiore e sinistro, ma di soli `20px` sul lato inferiore e destro. # --hints-- La tua classe `blue-box` dovrebbe dare alla parte superiore degli elementi `40px` di `margin`. ```js assert($('.blue-box').css('margin-top') === '40px'); ``` La tua classe `blue-box` dovrebbe dare alla parte destra degli elementi `20px` di `margin`. ```js assert($('.blue-box').css('margin-right') === '20px'); ``` La tua classe `blue-box` dovrebbe dare alla parte inferiore degli elementi `20px` di `margin`. ```js assert($('.blue-box').css('margin-bottom') === '20px'); ``` La tua classe `blue-box` dovrebbe dare alla parte sinistra degli elementi `40px` di `margin`. ```js assert($('.blue-box').css('margin-left') === '40px'); ``` # --seed-- ## --seed-contents-- ```html
margin
padding
padding
``` # --solutions-- ```html
margin
padding
padding
```