/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

6 votes157 views4 answers
Change border highlight color on an input text element
CSS
4 votes175 views2 answers
How to get all values from object in javascript
CSS
0 vote198 views1 answer
Css lobotomized owl
CSS
3 votes302 views8 answers
What is display grid css
CSS
3 votes176 views2 answers
No border css
CSS
39 votes165 views4 answers
Font awesome size
CSS
-1 vote296 views1 answer
Materialize table padding css
CSS Materialize
3 votes210 views2 answers
How to decurate react router link css
CSS
0 vote259 views1 answer
Bootstrap 4 input error
CSS Bootstrap
3 votes129 views2 answers
Remove table border css
CSS

Share