Интервалы в CSS
Интервалы в CSS задают расстояния между словами в тексте, между буквами внутри слова (межбуквенный интервал css), а так же управляют высотой строки (межстрочный интервал css). Интервалы можно задавать только при помощи CSS, средствами HTML это невозможно.
Содержание:
Свойство WORD-SPACING
Именно это свойство задает расстояние между словами, значениями являются любые единицы длины, причем, как положительные, так и отрицательные.
p {word-spacing:2ex}
Смотрим пример:
А если задать отрицательное значение:
p {word-spacing:-0.5ex}
Получим такой результат:
Свойство LETTER-SPACING
При помощи этого свойства задаются расстояния между буквами в словах, значения задаются так же, единицами длины с отрицательными значениями. Свойства WORD-SPACING и LETTER-SPACING можно применять одновременно, так как увеличив интервал между буквами, придется увеличить интервал между словами. Чаще всего эти свойства применяются в заголовках.
h1.spacing {word-spacing:2ex; letter-spacing:0.5ex}
Получим такой пример заголовка:
Интервалы в CSS
Свойство LINE-HEIGHT
Это свойство задает межстрочечный интервал, т.е. расстояние между строками текста. В данном свойстве отрицательные величины не используются, а значения можно задавать не только единицами длины, но и процентами. Например, размер выбранного шрифта 12pt (пунктов), а высоту строки сделаем 16pt, то правило запишем:
p {font-size:12pt; line-height:16pt}
Это свойство можно задать через слеш (/) от размера шрифта в стенографическом свойстве FONT:
p {font:italic 12pt/16pt Verdana, sans-serif}
В языке HTML такого свойства нет. А дальше мы перейдем к созданию списков средствами CSS.