Авторский знак. 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 31


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

Высота строки в CSS.

В CSS свойство line-height определяет минимальное расстояние между базовыми линиями соседних строк текста . Базовая линия - это условная линия страниц сайта, на которой находятся нижние части символов в стоке. Высота строки - это аналог междустрочного интервала или интерлиньяжа (расстояния между строками) в традиционной полиграфии. Настройка высоты строки может привести к изменению цвета блока текста. Под «цветом» здесь имеется в виду не цветовой тон (синий или зеленый), а общая плотность или чернота текста. В CSS высота строки влияет на вертикальное выравнивание текста, то есть какие-то изменения при заданном значении свойства line-height происходят.

Свойство line-height в CSS. Значения:

                              normal
                              число
                              длина
                              процент
                              inherit

Начальное значение: normal. Применимо: Ко всем элементам. Наследуется: Да.

В следующих примерах показаны три альтернативных метода указания одной и той же величины интервала. Если размер шрифта составляет 10 пикселов, то получающаяся высота строки в каждом из примеров составит 20 пикселов.

                              p.open {
                                    line-height: 2;	
                                    }
                         	/* фактор масштабирования */
                            
                              p.open {
                                    line-height: 2em; 
                                    }	
                            /*единица длины */
                            
                              p.open {
                                    line-height: 200%; 
                                     }	
                            /*процент*/
                            

По умолчанию принимается значение normal, которое в большинстве браузеров соответствует 120% размера шрифта. Если в качестве значения указывается просто число (как в первом примере), то оно служит фактором масштабирования. Высота строки получается путем умножения этого фактора на размер шрифта. Высоту строки можно также указывать, используя любые единицы длины. Относительные значения (ет, ех и %) вычисляются относительно размера шрифта элемента. Допустимы отрицательные значения, и тогда строки будут перекрываться. Дочерние элементы наследуют вычисленное значение высоты строки родительского элемента, а не указанное значение.

Например, высота строки для элемента div с размером шрифта 12 и высотой строки 1 еш будет равна 12 пикселам. Элемент-абзац, являющийся потомком элемента div, унаследует абсолютную высоту 12 пикселов, а не относительное значение 1 ет. Если окажется, что в данном абзаце размер шрифта больше 12 пикселов, то строки будут перекрываться. К факторам масштабирования это не относится. Если вы указываете числовой фактор масштабирования, это значение применяется к выбранному элементу и всем его дочерним элементам.

Давайте на практике и посмотрим как и что получиться:


Вот, смотрите style="line-height: 2"

По умолчанию принимается значение normal, которое в большинстве браузеров соответствует 120% размера шрифта. Если в качестве значения указывается просто число (как в первом примере), то оно служит фактором масштабирования. Высота строки получается путем умножения этого фактора на размер шрифта. Высоту строки можно также указывать, используя любые единицы длины. Относительные значения (ет, ех и %) вычисляются относительно размера шрифта элемента. Допустимы отрицательные значения, и тогда строки будут перекрываться. Дочерние элементы наследуют вычисленное значение высоты строки родительского элемента , а не указанное значение.


Вот, смотрите style="line-height: 2em"

По умолчанию принимается значение normal, которое в большинстве браузеров соответствует 120% размера шрифта. Если в качестве значения указывается просто число (как в первом примере), то оно служит фактором масштабирования. Высота строки получается путем умножения этого фактора на размер шрифта. Высоту строки можно также указывать, используя любые единицы длины. Относительные значения (ет, ех и %) вычисляются относительно размера шрифта элемента. Допустимы отрицательные значения, и тогда строки будут перекрываться. Дочерние элементы наследуют вычисленное значение высоты строки родительского элемента, а не указанное значение.


Вот, смотрите style="line-height: 200%"

По умолчанию принимается значение normal, которое в большинстве браузеров соответствует 120% размера шрифта. Если в качестве значения указывается просто число (как в первом примере), то оно служит фактором масштабирования. Высота строки получается путем умножения этого фактора на размер шрифта. Высоту строки можно также указывать, используя любые единицы длины. Относительные значения (ет, ех и %) вычисляются относительно размера шрифта элемента. Допустимы отрицательные значения, и тогда строки будут перекрываться. Дочерние элементы наследуют вычисленное значение высоты строки родительского элемента, а не указанное значение.


Как видите, значение свойства line-height задаем тремя способами, но результат получаем одинаковый, что и требовалось показать, то есть междустрочное расстояние изменилось на заданное значение 2, 2em, 200%.


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
... ... ...

обратно на главную     назад    дальше     вперед

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