Статьи

line-height

  1. коротка інформація
  2. Синтаксис ?
  3. позначення
  4. значення
  5. Пісочниця
  6. приклад
  7. об'єктна модель
  8. Примітка
  9. Специфікація ?
  10. браузери
  11. Автор і редактори

Для блокових елементів визначає мінімальну висоту рядки тексту. Для впроваджуваних малих елементів (на кшталт <img>) властивість line-height неактивні. Для інших малих елементів line-height задає висоту, яка використовується для розрахунку висоти рядка блоку.

коротка інформація

Значення за замовчуванням normal Успадковується Так Застосовується До всіх елементів анімуйте Так

Синтаксис ?

line-height: <множник> | <Розмір> | <Відсотки> | normal

позначення

Опис Приклад <тип> Вказує тип значення. <Розмір> A && B Значення повинні виводитися в зазначеному порядку. <Розмір> && <колір> A | B Вказує, що треба вибрати тільки одне значення із запропонованих (A або B). normal | small-caps A || B Кожне значення може використовуватися самостійно або спільно з іншими в довільному порядку. width || count [] групуються значення. [Crop || cross] * Повторювати нуль або більше разів. [, <Час>] * + Повторювати один або більше разів. &lt;Число> +? Зазначений тип, слово або група не є обов'язковим. 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; } &lt;/ Style> </ head> <body> <h1> Нормальний постулат: алгебра або найбільше і найменше значення функції? </ H1> <p> Епсілон околицю, виключаючи очевидний випадок, підтримує комплексний інтеграл по нескінченній області. </ P> </ body> </ html>

Результат даного прикладу показаний на рис. 1.

1

Мал. 1. Застосування властивості line-height

об'єктна модель

об'єкт .style.lineHeight

Примітка

Internet Explorer до версії 7.0 неправильно обчислює висоту рядків для зображень і елементів форм.

Специфікація ?

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

×

браузери

У таблиці браузерів застосовуються такі позначення.

  • - властивість повністю підтримується браузером з усіма допустимими значеннями;
  • - властивість браузером не сприймається і ігнорується;
  • - при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, які вказані в специфікації.

Число вказує версію браузера, починаючи з якої властивість підтримується.

×

Автор і редактори

Автор: Влад Мержевіч

Остання зміна: 05.09.2017

Редактори: Влад Мержевіч

Lt;Число> +?
Inset?
Lt;/ Style> </ head> <body> <h1> Нормальний постулат: алгебра або найбільше і найменше значення функції?
Специфікація ?

Новости