Можно ли вложить уже полученную высоту в css переменную?

Question

[liltrill]

Нельзя ли вложить в переменную типа высоту элемента которая рассчитывается по контенту?

P.S: Типа --height: height;

Answer 1

[sergski]

вы бы свой код привели для ясности.
если вы в js получили значение высоты и хотите его передать в css переменную, то можно так:

css:

.box {
   height: var(--height);
}

document.querySelector('.box').style.setProperty('--height', height + 'px');

Answer 2

[Сергей c0re]

document.querySelector("div").style="--bg-color:blue; --width:300px; --align:center"

см.

Comments

[liltrill]

На js лайфхаков можно сделать мноно))) Хотелось бы без него типа функция:

getBoundingClientRect.height

только на css с переменной))

[Сергей c0re]

liltrill, я тогда неправильно понял выражение -

уже полученную высоту

на чем и как вы ее получили, хоть бы сказали или лучше бы показали!

[liltrill]

Сергей, Я имел ввиду то, что браузер рассчитывается высоту div блока сам, на js после его расчетов можно получит высоту:

getBoundingClientRect.height

Я про то что нельзя ли в переменную css, положить аттрибут height.
Типа браузер рассчитал высоту div и переменная получила это значение.

На js знаю как, вдруг на css можно такое, решил уточнить))

[Сергей c0re]

а поиском пробовали?
css переменные посчитать высотку блока

вторая же ссылка отсюда с тостера - Как посчитать ширину блока с помощью функции calc(...

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

также смотрите CSS функции
и нет таких функций для получения высот других элементов. можно только:

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