- коротка інформація
- Синтаксис ?
- позначення
- значення
- Пісочниця
- приклад
- об'єктна модель
- Примітка
- Специфікація ?
- браузери
- Автор і редактори
Для блокових елементів визначає мінімальну висоту рядки тексту. Для впроваджуваних малих елементів (на кшталт <img>) властивість line-height неактивні. Для інших малих елементів line-height задає висоту, яка використовується для розрахунку висоти рядка блоку.
коротка інформація
Значення за замовчуванням normal Успадковується Так Застосовується До всіх елементів анімуйте Так
Синтаксис ?
line-height: <множник> | <Розмір> | <Відсотки> | normal
позначення
Опис Приклад <тип> Вказує тип значення. <Розмір> A && B Значення повинні виводитися в зазначеному порядку. <Розмір> && <колір> A | B Вказує, що треба вибрати тільки одне значення із запропонованих (A або B). normal | small-caps A || B Кожне значення може використовуватися самостійно або спільно з іншими в довільному порядку. width || count [] групуються значення. [Crop || cross] * Повторювати нуль або більше разів. [, <Час>] * + Повторювати один або більше разів. <Число> +? Зазначений тип, слово або група не є обов'язковим. inset? {A, B} Повторювати не менше A, але не більше B раз. <Радіус> {1,4} # Повторювати один або більше разів через кому. <Час> # ×
значення
Будь-яке число більше нуля сприймається як множник від розміру шрифту поточного тексту. Наприклад, значення 1.5 встановлює полуторний міжрядковий інтервал. Як значення приймаються також будь-які одиниці довжини, прийняті в CSS - пікселі (px), дюйми (in), пункти (pt) та ін. Дозволяється використовувати процентну запис, в цьому випадку за 100% береться висота шрифту.
normal Відстань між рядків обчислюється автоматично.
Пісочниця
Вінні-Пух був завжди не проти трохи підкріпитися, особливо годині об одинадцятій ранку, тому що в цей час сніданок вже давно закінчився, а обід ще й не думав починатися. І, звичайно, він дуже зрадів, побачивши, що Кролик дістає чашки і тарілки.
приклад
<! DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title> line-height </ title> <style> h1 {line-height: 70%; } P {line-height: 1.5; } </ Style> </ head> <body> <h1> Нормальний постулат: алгебра або найбільше і найменше значення функції? </ H1> <p> Епсілон околицю, виключаючи очевидний випадок, підтримує комплексний інтеграл по нескінченній області. </ P> </ body> </ html>
Результат даного прикладу показаний на рис. 1.
Мал. 1. Застосування властивості line-height
об'єктна модель
об'єкт .style.lineHeight
Примітка
Internet Explorer до версії 7.0 неправильно обчислює висоту рядків для зображень і елементів форм.
Специфікація ?
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) - специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) - група, що відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників по реалізації стандарту.
- Proposed Recommendation (Пропонована рекомендація) - на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft (Робочий проект) - більш зріла версія чернетки після обговорення і внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторський чернетка) - чорнова версія стандарту після внесення правок редакторами проекту.
- Draft (Чернетка специфікації) - перша чорнова версія стандарту.
×
браузери
У таблиці браузерів застосовуються такі позначення.
- - властивість повністю підтримується браузером з усіма допустимими значеннями;
- - властивість браузером не сприймається і ігнорується;
- - при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, які вказані в специфікації.
Число вказує версію браузера, починаючи з якої властивість підтримується.
×
Автор і редактори
Автор: Влад Мержевіч
Остання зміна: 05.09.2017
Редактори: Влад Мержевіч
Lt;Число> +?Inset?
Lt;/ Style> </ head> <body> <h1> Нормальний постулат: алгебра або найбільше і найменше значення функції?
Специфікація ?