/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 vote169 views1 answer
Alert without page refresh
CSS
36 votes178 views2 answers
First-child
CSS
0 vote169 views1 answer
Before width not working
CSS
0 vote186 views1 answer
How to override bootstrap css in wordpress
CSS
0 vote176 views1 answer
Poretty print css
CSS
1 vote163 views1 answer
Tr lowercase uppercase
CSS
0 vote213 views1 answer
Background image for div in grid system bootstrap
CSS Bootstrap
3 votes178 views2 answers
How to make hover effect none in css
CSS
16 votes182 views4 answers
Arrow up css
CSS
12 votes201 views2 answers
How to center element in bulma
CSS Bulma

Share