CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

Так получается потому, что обычный промежуток между абзацами в 1егп представляет собой результат сворачивания полей. Таким образом, если убрать одно из этих полей - в данном случае верхнее - визуальный результат будет таким же, как если бы вы оставили поле на месте.

Поля и строковые элементы

Поля могут применяться и в строковых элементах, хотя последствия будут несколько иными. Скажем, требуется задать верхнее и нижнее поля для особо выделяемого текста:

strong {margin-top:25рх; margin-bottom:50рх;}

Это разрешено в спецификации, но поскольку поля применяются к строковому незамещаемому элементу, объявление абсолютно не повлияет на высоту строки. Поскольку поля действительно прозрачные, оно вообще не будет иметь никакого визуального эффекта. Дело в том, что поля строковых незамещаемых элементов не меняют высоты строки элемента.

Единственными свойствами, которые могут изменить расстояние между содержащими только текст строками, являются line-height, font-size и vertical-align, как описывалось в главе 7*

Вышесказанное относится только к верхней и нижней сторонам строковых незамещаемых элементов; левая и правая стороны - совсем другое дело. Для начала рассмотрим простой пример небольшого строкового незамещаемого элемента в рамках единственной строки. Если задать значения левого и правого полей, они будут видимыми, что очевидно на рис. 8.15:

strong {margin-left:25рх; background:silver;}

РиСш S.15. Строковый незамещаемый элемент с полем слева

Обратите внимание на дополнительное пространство между концом слова прямо перед строковым незамещаемым элементом и краем фона строкового элемента. Можно добавить дополнительный промежуток с обоих концов строкового элемента:

strong {margin:25рх; background:silver;}

Как и ожидалось, на рис. 8.16 показан небольшой дополнительный промежуток справа и слева от строкового элемента, а сверху и снизу никаких полей нет.

Когда строковый незамещаемый элемент простирается на несколько строк, ситуация немного меняется. На рис. 8Л7 видно, что происхо-