Интервалы в CSS

Интервалы в CSS задают расстояния между словами в тексте, между буквами внутри слова (межбуквенный интервал css), а так же управляют высотой строки (межстрочный интервал css). Интервалы можно задавать только при помощи CSS, средствами HTML это невозможно.

Содержание:

Именно это свойство задает расстояние между словами, значениями являются любые единицы длины, причем, как положительные, так и отрицательные.

p {word-spacing:2ex}

Смотрим пример:

Расстояние между словами в этом абзаце будет больше чем обычно.

А если задать отрицательное значение:

p {word-spacing:-0.5ex}

Получим такой результат:

Расстояниемеждусловамизаметноуменьшится.

При помощи этого свойства задаются расстояния между буквами в словах, значения задаются так же, единицами длины с отрицательными значениями. Свойства WORD-SPACING и LETTER-SPACING можно применять одновременно, так как увеличив интервал между буквами, придется увеличить интервал между словами. Чаще всего эти свойства применяются в заголовках.

h1.spacing {word-spacing:2ex; letter-spacing:0.5ex}

Получим такой пример заголовка:

Интервалы   в   CSS

Это свойство задает межстрочечный интервал, т.е. расстояние между строками текста. В данном свойстве отрицательные величины не используются, а значения можно задавать не только единицами длины, но и процентами. Например, размер выбранного шрифта 12pt (пунктов), а высоту строки сделаем 16pt, то правило запишем:

p {font-size:12pt; line-height:16pt}

Это свойство можно задать через слеш (/) от размера шрифта в стенографическом свойстве FONT:

p {font:italic 12pt/16pt Verdana, sans-serif}

В языке HTML такого свойства нет. А дальше мы перейдем к созданию списков средствами CSS.

Читайте также:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *