/CSS/How to pass html number to css

How to pass html number to css

How to pass html number to css

<div id="div1" class="divs" style="--bg: #ff6; --pad: 1;">div1</div>
<div id="div2" class="divs" style="--bg: #f66; --pad: 2;">div2</div>

0

Source: stackoverflow.com

How to pass html number to css

<div class="c" style="--c: blue" >Foo</div>
<div class="m" style="--m: 0 2em">Bar</div>
<div class="c" style="--c: green">Baz</div>

0

Source: stackoverflow.com

How to pass html number to css

.divs {
  background: var(--bg);
  padding: calc(var(--pad)*5px);
}

0

Source: stackoverflow.com

How to pass html number to css

.c {color:  var(--c)}
.m {margin: var(--m)}

0

Source: stackoverflow.com

Similar codes

1 vote136 views1 answer
Lower image brightness css
CSS
0 vote171 views1 answer
Html css on class
CSS
44 votes151 views5 answers
Breakpoint bootstrap
CSS
1 vote138 views2 answers
Overflow-x hidden not working
CSS
0 vote143 views1 answer
Menu multiple colums batch
CSS
5 votes137 views5 answers
Min padding
CSS
3 votes152 views1 answer
What is a pseudo selector?
CSS
0 vote134 views1 answer
How to make textbox shorter in html
CSS
0 vote237 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS Skeleton
0 vote148 views1 answer
Css animation 3d effect
CSS

Share