Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
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


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - line-height.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Свойство line-height высота линии определяет высоту строки. Внимание!!! Отрицательные значения не допускаются.

Сколько человек будет пользоваться свойство line-height при создании своего сайта. Или кому нужно свойство line-height из пользователей многомиллионной армии глобальной сети? Думаю очень мало, тем более более куда проще и быстрее воспльзоваться свойством font-size, потому как привычно и мы уже знаем свойства font-size.

Это на первый взгляд. Если немного задуматься, то мы видим большие возможности свойства line-heigh. Взгляните на значения свойства line-heigh, которые оно принимает. Тогда встает на свои места, что по праву имеет место быть свойству line-heigh в CSS3.

Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство line-height, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.


Синтаксис:

              line-height: normal|number|length|initial|inherit;

Описание и использование


Значение по умолчанию: normal
наследует: да
Версия: CSS1
JavaScript синтаксис: object.style.lineHeight="30px"


Свойство Значение

Значение Описание
normal Нормальная высота строки. Это значение установлено по умолчанию
number Номер, на который будет умножаться на currentfont размера, чтобы установить высоту строки
length Фиксированная высотав px, pt, см и др.
% Высоту строки в% от текущего размера шрифта
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
p.small {line-height:70%;}
p.big {line-height:200%;}
< /style>
< /head>
< body>
< p>
Это абзац, стандартная высота строки.< br>
Это абзац, стандартная высота строки.< br>
По умолчанию высота строки в большинстве браузеров составляет около 110% 120%.< br>
< /p>
< p class="small">
Это абзац, с меньшим line-height.< br>
Это абзац, с меньшим line-height.< br>
Это абзац, с меньшим line-height.< br>
Это абзац, с меньшим line-height.< br>
< /p>
< p class="big">
Это абзац с большой высоты строки.< br>
Это абзац с большой высоты строки.< br>
Это абзац с большой высоты строки.< br>
Это в пункте с большей высоты строки.< br>
< /p>
< /body>
< /html>                     

Результат программы:

Это абзац, стандартная высота строки.
Это абзац, стандартная высота строки.
По умолчанию высота строки в большинстве браузеров составляет около 110% 120%.

Это абзац, с меньшим line-height.
Это абзац, с меньшим line-height.
Это абзац, с меньшим line-height.
Это абзац, с меньшим line-height.

Это абзац с большой высоты строки.
Это абзац с большой высоты строки.
Это абзац с большой высоты строки.
Это в пункте с большей высоты строки.




seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: