Внешние отступы

Ответы на вопросы

1. Назовите имена свойств для создания внешних отступов с одной стороны.

   Ответ. Ответ на иллюстрации:

   

2. Какие значения могут принимать эти свойства?

   Ответ. Значением односторонних внешних отступов может быть:

   • размер (например, 20px или 1em);
   • процент (например, 10%);
   • ключевое слово auto, означающее, что браузер будет вычислять значение автоматически;
   • ключевое слово inherit, означающее, что значение берётся такое же, как у родительского элемента.
   
   
3. Какие значения у этих свойств по умолчанию?

   Ответ. Стандартным значением по умолчанию считается 0, но оно работает не для всех элементов (гарантированно для DIV и SPAN). Браузеры создают внешние отступы по умолчанию для многих элементов, начиная с BODY (небольшие поля на странице). С помощью внешних отступов создаются и промежутки между абзацами P (они, как правило, равны высоте текущей строки).

4. К каким элементам можно применять эти свойства?

   Ответ. Ко всем элементам.

5. Передаются ли эти свойства по наследству?

   Ответ. Нет.

6. Относительно чего задаются процентные значения этих свойств?

   Ответ. Если внешний отступ вычисляется в процентах, то они задаются относительно блока-контейнера. Контейнер — это первый предок элемента в иерархическом дереве элементов, который является блоком.

7. Как работают отрицательные внешние отступы?

   Ответ. Для внешних отступов допустимы отрицательные значения — элемент при этом может выходить за рамки родителя или перекрывать другие элементы.

8. Объясните механизм схлопывание внешних отступов по вертикали у блочных элементов.

   Ответ. Внешние отступы по вертикали между блочными элементами (если не заданы рамки и внутренние отступы) не суммируются, а схлопываются — промежуток получается равным наибольшему из двух значений. Ниже схлопывание проиллюстрировано на примере двух абзацев:

   Благодаря схлопыванию внешних вертикальных отступов расстояние между абзацами не удваивается.

   P { margin-top:1em; margin-bottom:1em; } Промежуток между соседними абзацами, благодаря схлопыванию, будет равен 1em, а не 2em (как можно подумать).

9. В каких случаях схлопывание не работает?

   Ответ. Схлопывание не работает, если заданы рамки и (или) внутренние отступы.

10. Объясните особенность поведения внешних отступов, применяемых к строчным незамещаемым элементам.

    Ответ. Внешние отступы, применённые к строчным незамещаемым элементам, работают только по горизонтали.

11. Назовите имя интегрированного свойства для создания внешних отступов со всех четырёх сторон и объясните, как задавать значение этого свойства.

    Ответ. Ответ на иллюстрации:

    

    Значением интегрированного свойства может быть один, два, три или 4 параметра, записанные через пробелы. Параметры задаются по правилу четырёх сторон.

вверх | возврат