Свойство line-height устанавливает межстрочный интервал (между базовыми линиями).
Возможные значения: <множитель> | <размер> | <проценты> | normal
Значение по умолчанию: normal
Наследуется: Да
Любое число, большее нуля, воспринимается как множитель относительно текущего размера шрифта.
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<!DOCTYPE html> <html> <head> <title>CSS line-height</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> <p> Здесь применяется обычный междустрочный интервал.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> </p> <p style="line-height:2"> Здесь междустрочный интервал в два раза больше.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> тобы его увидеть напишу много текста.<br> </p> <p style="line-height:200%"> Здесь тоже междустрочный интервал в два раза больше.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> </p> <p style="line-height:1px;"> Междустрочный интервал в один пиксель.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> Чтобы его увидеть напишу много текста.<br> </p> <p> <a href="https://urvanov.ru/2016/02/16/css-line-height/">CSS line-height</a> </p> </body> </html> |