Единица измерения `cap`
Ахмад Шадид столкнулся с задачей, когда нужно между словами добавить расстрояние, равное высоте прописной буквы. И обычно такое решается подбором пикселей или
В статье есть хороший пример, когда нужно сделать блок высотой с текст без отступов. Для такой задачи
https://ishadeed.com/article/css-cap-unit/
Ахмад Шадид столкнулся с задачей, когда нужно между словами добавить расстрояние, равное высоте прописной буквы. И обычно такое решается подбором пикселей или
em
, если знаешь метрики шрифта. Особо искушённые пользователи CSS могут прикрутить ex
. Но на самом деле современные версии браузеров умеют в единицу измерения cap
, которая равна той самой высоте прописной буквы. Браузер ведь и так знает метрики шрифта, а значит может и эту высоту передать в CSS.В статье есть хороший пример, когда нужно сделать блок высотой с текст без отступов. Для такой задачи
cap
подходит как нельзя лучше.https://ishadeed.com/article/css-cap-unit/