---
id: bad87fee1348bd9afdf08726
title: Use Clockwise Notation to Specify the Margin of an Element
challengeType: 0
videoUrl: ''
localeTitle: 'Используйте обозначение по часовой стрелке, чтобы указать маржу элемента'
---
## Description
Давайте попробуем это снова, но с margin
этот раз. Вместо того, чтобы указывать свойства margin-top
, margin-right
, margin-bottom
и margin-left
отдельно, вы можете указать их все в одной строке, например: margin: 10px 20px 10px 20px;
Эти четыре значения работают как часы: верхний, правый, нижний, левый и будут давать тот же результат, что и при использовании боковых спецификаций полей.
## Instructions
Используйте Clockwise Notation
чтобы дать элементу класс blue-box
край 40px
на его верхней и левой сторонах, но только 20 20px
на нижней и правой стороне.
## Tests
```yml
tests:
- text: Ваш blue-box
класс должен дать верхнюю часть элементов 40px
из margin
.
testString: 'assert($(".blue-box").css("margin-top") === "40px", "Your blue-box
class should give the top of elements 40px
of margin
.");'
- text: Ваш класс blue-box
должен предоставить право элементов 20px
margin
.
testString: 'assert($(".blue-box").css("margin-right") === "20px", "Your blue-box
class should give the right of elements 20px
of margin
.");'
- text: Ваш класс с blue-box
должен дать нижнюю часть 20px
margin
.
testString: 'assert($(".blue-box").css("margin-bottom") === "20px", "Your blue-box
class should give the bottom of elements 20px
of margin
.");'
- text: Ваш класс с blue-box
должен оставить слева от элементов 40px
margin
.
testString: 'assert($(".blue-box").css("margin-left") === "40px", "Your blue-box
class should give the left of elements 40px
of margin
.");'
```
## Challenge Seed
```html
margin
padding
padding
```
## Solution
```js
// solution required
```