html
  <div class="decoration" data-d-w=3 data-d-h=5 data-d-l=1 data-d-t=1 data-d-n="Heat">-</div>

css
:root {
  --Step: 75px;
}


.decoration {
    position: absolute;
    left:calc(var(--Step) * attr(data-d-l)); // не работает
    top:calc(var(--Step) * attr(data-d-t)); // не работает
    float:left;
    overflow:hidden;
    width:calc(var(--Step) * attr(data-d-w) - 2px);  // не работает
    height:calc(var(--Step) * attr(data-d-h) - 2px); // не работает
    border: 1px dashed red;
}

если пишу например так
    height:calc(var(--Step) * 3 - 2px);

то все нормально, уже весь мозг сломал, может attr() имеют ограничения при работе с числами?

Попробуй
    attr(data-d-w number)

(1) пробовал, и integer тоже пробовал

нашел ответ:

Функция attr работает только в паре с content

то есть ее кроме как для контекста применять никуда нельзя... печалька...

а что хотел то.
наверняка можно куда проще

если хочеь в хтмл задавать высоту, то может проще через стайл?

(5) мне нужен универсальный стиль. Что бы хтмл был минимальным. Ну и адаптивность...
Сейчас мне нужен div который будет по верх основного вывода

(0) Как то оно больше на LESS похоже чем на css. А оно не стандарт. Напрямую не работает. Нужно подключать правильный скрипт. Или "компиллировать" в css.

Наверно сделаю так

html
  <div class="decoration" style="--w:3;--h:5; --l:1; --t:1; --n:Heat">-</div>

(7) однако переменные уже давно в стандарте

покажи на картинке чтотв итоге получается.

может пооще грид какой или флекс?

жесткое задание размеров это бэд практис

а -2px лучше маржином или паддингом делать

(10) https://ibb.co/CWn3ZV2

var же работает, задавай их в style, а дата атрибуты в js используют, можно написать функцию которая из data достанет и пропишет в style

(15) у меня очень маленький веб сервер :) вот такой https://www.chipdip.ru/product/esp-01?from=www.yandex.ru%3Bsearch%26%23x2F%3B%3Bweb%3B%3B0%3B&q=esp8266+01s&etext=2202.Wbufuyek_exviIXuZHfz6dSkcC_P3SoreYIWcm5pB21md29qaW50eGFjZmJtd293.492c4e357a1dd53bd946529af63b7de1d7f296ad&yclid=1350128676265821140&utm_source=direct&utm_medium=cpc&position_type=premium|k50id|010000001062285_Все|cid|50598766|gid|4147857258|aid|8822901982|src|search_none&utm_campaign=Y_dinamicheskaya&utm_content=text12_ya&utm_term=

так, что я борюсь за каждый байт :)

Всякую статику типа js css можно же на другой сервер выложить если из сети доступ есть

переходи на vue, там вычисляемые стили и классы элементарно делаются

(16) Какой-то огромный у тебя веб-сервер.
У меня вот такой: https://i.ebayimg.com/images/g/ZwkAAOSwRUNfOmTU/s-l500.jpg

И памяти в нем дофига, хоть видео в 4К закачивай, все потянет.

а трубы как рисуешь?

(18) а каков итоговый размер жс?

(20) я сейчас переделал, стала вообще красивенько и удобно.
Доделаю код самого сервера, выложу куда нибудь.

Сейчас все файлы занимают менее 100кб

(21) сама либа - килобайт 40 несжатых, 25 сжатых примерно, а там как наворотишь.

третья версия, вроде, поменьше, но там ие11 не завезли

да и всякие уикиты пока тоже не все обновились