/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

2 votes107 views2 answers
Box shadow css transition
CSS
2 votes98 views1 answer
Clamp margin
CSS
0 vote112 views1 answer
Col
CSS
0 vote109 views1 answer
Hover media query
CSS
0 vote108 views2 answers
How to remove default look of button
CSS
57 votes148 views4 answers
Css hover rounded corners
CSS
0 vote275 views1 answer
Var units = "years"; var davidAge = 65; var johnAge = 40; var ageDifference = davidAge - johnAge; alert("The age difference is " + ageDifference + " " + units);
CSS
0 vote104 views1 answer
Add arrow in select css
CSS
0 vote104 views1 answer
Bootstrap-navbar-containers
CSS
0 vote139 views1 answer
Bast css 3d images gallery code
CSS

Share