freeCodeCamp/add-a-negative-margin-to-an-element.russian.md at 7872dda58bd93868edab37e948fdf33fb8c37112

Files

Evgeniia Garnaga f37c3915b0 Adds the improved Russian translation to article (#20946 )

* Adds the improved Russian translation to article

* Заменила коробку на квадрат

* Change the translation in the text of the tests

2018-11-08 22:53:28 +04:00

2.5 KiB

Raw Blame History

id, title, challengeType, guideUrl, videoUrl, localeTitle

id	title	challengeType	guideUrl	videoUrl	localeTitle
bad87fee1348bd9aedf08823	Add a Negative Margin to an Element	0	https://russian.freecodecamp.org/guide/certificates/add-a-negative-margin-to-an-element		Добавить к элементу свойство margin с отрицательным значением

Описание

Свойство элемента margin контролирует объем пространства (отступы) между границей элемента, т.е. border и окружающими элементами. Если вы установите элементу отрицательное значение margin, то размер элемента увеличится.

Инструкции

Попытайтесь установить отрицательное значение margin, так же как установлено подобное значению для красного квадрата. Измените margin синего квадрата на -15px, чтобы он заполнил всю горизонтальную ширину желтой рамки вокруг него.

Тесты

tests:

  - text: Ваш класс <code>blue-box</code> должен установить для элемента <code>margin</code> отступ в размере <code>-15px</code>.

    testString: 'assert($(".blue-box").css("margin-top") === "-15px", "Your <code>blue-box</code> class should give elements <code>-15px</code> of <code>margin</code>.");'

Испытание

<style>
  .injected-text {
    margin-bottom: -25px;
    text-align: center;
  }

  .box {
    border-style: solid;
    border-color: black;
    border-width: 5px;
    text-align: center;
  }

  .yellow-box {
    background-color: yellow;
    padding: 10px;
  }

  .red-box {
    background-color: crimson;
    color: #fff;
    padding: 20px;
    margin: -15px;
  }

  .blue-box {
    background-color: blue;
    color: #fff;
    padding: 20px;
    margin: 20px;
  }
</style>

<div class="box yellow-box">
  <h5 class="box red-box">padding</h5>
  <h5 class="box blue-box">padding</h5>
</div>

Решение

// впишите ваш код решения

2.5 KiB Raw Blame History Unescape Escape