ch

Единица 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 Возможная рекомендация

Браузеры

9 12 27 20 7 2
4.4 2 46 7

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.