CSS властивості
ГлавнаяДовідник CSSВимірювана одиниця ch в CSS

Вимірювана одиниця ch в CSS

200

Одиниця ch визначає ширину нульового символу (0). Якщо браузер не може обчислити розміри цього символу (наприклад, для шрифту користувача), тоді ширина символу приймається рівною 0.5em, а висота 1em.

Для моноширинного шрифту (наприклад, Courier), в якому ширина всіх символів однакова, 1ch дорівнює ширині одного довільного символу. Для інших шрифтів (Times, Helvetica та ін.) будь-який символ може виявитися вуж або ширше за нуль.

Приклад

<! DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ch</title> <style> input { font-family: Courier, monospace; /* Моноширинний шрифт */
padding: 5px 10px; /* Поля у тексті */
width: 8ch; /* Ширина в символах */
}
</style>
</head>
<body> <form> <p>Введіть пароль (не більше 8 символів)</p> <p><input type="password" maxlenght="8"></p>
</form>
</body>
</html>

Примітка

Internet Explorer некоректно вважає ширину нульового символу, в результаті 1ch виявляється менше ніж ширина символу 0.

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

Специфікація Статус
CSS Values and Units Module Level 4 Робочий проект
CSS Values and Units Module Level 3 Можлива рекомендація

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

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

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
  • Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
  • Working Draft ( Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
  • Editor draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Браузери

9 12 27 20 7 2
4.4 2 46 7

Браузери

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

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

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

credit">

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

Автор: Влад Мержевич
Останнє змінено е: 28.09.2019
Редактори: Влад Мержевич