line-height | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 11.12.2016
Главная » Справочник CSS3 » Свойства текста


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


line-height | Свойство CSS

Свойство line-height устанавливает промежуток между строк.




Свойство line-height устанавливает промежуток между строками.Можно использовать положительные числовые значения без указания типа числового значения,будет соответствовать множителю на существующее значение родителя.Используется и числовое значение с типом ( например px,пиксели ),но только положительное.Применяется и процентное написание,и тоже только с положительным значением.Свойство применимо ко всем элементам,создано в версии CSS1 и проходит валидацию согласно версии CSS3.




Дополнительные значения применяемые к line-height


Значение
Описание
normalМежстрочный промежуток наследуется от предшествующих значений в стилях ( по умолчанию )
<Множитель>Промежуток увеличивается на множимое число от предшествующих значений в стилях
<Число>Промежуток увеличивается на положительное числовое значение с указанием типа значения
<Процент>Промежуток увеличивается на процентное соотношение от предшествующих значений в стилях или родителя
inheritНаследует значение родителя

Свойство работает в браузерах




Пример применения свойства



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство line-height</title>
<style type="text/css">
<!--
p#one {
color:red;
font-size:20px;
line-height:2;
}
p#two {
color:green;
font-size:20px;
line-height:60px;
}
p#tree {
color:blue;
font-size:20px;
line-height:300%;
}
-->
</style>
</head>
<body>
<p id="one">Межстрочное расстояние<br>как множитель</p>
<p id="two">Межстрочное расстояние<br>как числовое значение</p>
<p id="tree">Межстрочное расстояние<br>как процентное значение</p>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height
Категория: Свойства текста | Добавил: IZOTOP (21.05.2012) | Автор: Меренков Михаил E W
Просмотров: 752 | Теги: css, пример, style, line-height, изменить, цвет текста | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]