/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

0 vote263 views1 answer
Prevent bounce scroll css
CSS
0 vote289 views1 answer
Li move to left
CSS
0 vote261 views2 answers
Html5 vs css3
CSS
0 vote256 views1 answer
How to stretch picture with website css
CSS
5 votes270 views1 answer
Html how to indent text
CSS
102 votes303 views6 answers
@media query css
CSS
0 vote254 views1 answer
Html align text anchor
CSS
22 votes269 views2 answers
Rgb gold color
CSS
2 votes287 views2 answers
How to center a inline block element
CSS
0 vote243 views1 answer
What's 275 divided by 630
CSS

Share