пример
Установите высоту строки в процентах:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Свойство высота линии определяет высоту строки.
Note: Отрицательные значения не допускаются.
Значение по умолчанию: | normal |
---|---|
Наследование: | yes |
Animatable: | yes. Read about animatable Try it |
Версия: | CSS1 |
Синтаксис JavaScript: | object .style.lineHeight="30px" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
line-height | 1,0 | 4.0 | 1,0 | 1,0 | 7.0 |
CSS Синтаксис
line-height: normal|number|length|initial|inherit;
Значения свойств
Стоимость | Описание | Сыграй |
---|---|---|
normal | Нормальная высота линии. Это по умолчанию | Сыграй " |
number | Число, которое будет умножаться на текущий размер шрифта, чтобы установить высоту строки | Сыграй " |
length | Высота фиксированной линии в ПВ, пт, см и т.д. | Сыграй " |
% | Высота линии в процентах от текущего размера шрифта | Сыграй " |
initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Еще примеры
пример
Укажите расстояние между строками в двух пунктах, используя значение пикселя.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
}
Попробуй сам " пример
Укажите расстояние между строками в двух пунктах, используя числовое значение.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
}
Попробуй сам " Похожие страницы
Учебник CSS: CSS Текст
HTML DOM ссылка: lineHeight property