TGViewer
Веб-страница Веб-страница @tproger_web · 22.3K subscribers
Post #6615 1.07K
CSS-значения можно читать в JavaScript как объекты

getComputedStyle() возвращает строки. Чтобы прибавить отступ или изменить размер, приходится разбирать число и единицу измерения. С calc() и трансформациями такая обработка быстро усложняется.

CSS Typed OM представляет значения объектами. Через computedStyleMap() можно получить CSSUnitValue с полями value и unit, а через attributeStyleMap — записать значение, созданное с помощью CSS.px() или CSS.number().

Брамус выпустил полифилл css-typed-om. Его можно подключить глобально или импортировать отдельные классы в модуль. По замерам автора, реализация проходит около 95% подтестов Web Platform Tests для Typed OM.

Поддержка API и отдельных классов различается между браузерами. Полифилл использует CSS-парсер браузера для проверки свойств, поэтому результат зависит и от его возможностей. Перед внедрением стоит проверить именно те значения, с которыми работает ваш компонент.
  • 🔥 4
  • 👍 1
More from @tproger_web
  1. Oct 15, 2026Как перенести сайт на Astro, сохранив React-компоненты Evil Martians перенесли сайт с Gats…
  2. Oct 15, 2026Как удержать иконку у первой строки длинной подписи В списке с align-items: center иконка…
  3. Oct 14, 2026Почему мы пишем своё, когда браузер уже умеет Разработчик ищет компонент модального окна,…
  4. Oct 14, 2026SvelteMap умеет создавать значение при первом обращении Чтобы сгруппировать элементы по кл…
  5. Oct 14, 2026Post #6611
  6. Oct 14, 2026Как задать странице список разрешённых сетевых адресов Сторонний скрипт или сгенерированны…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →