/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 votes249 views3 answers
Vw css
CSS
11 votes270 views2 answers
Scss include
CSS
-7 votes306 views6 answers
Css all flex properties
CSS
0 vote236 views1 answer
Center div with variable height
CSS
-1 vote230 views1 answer
Css grid media queries
CSS
2 votes257 views2 answers
Read properties from css file
CSS
11 votes235 views2 answers
Css display
CSS
5 votes230 views3 answers
How to change radio button color
CSS
7 votes241 views1 answer
Git clone command in terminal
CSS
8 votes240 views2 answers
Css background image full screen responsive
CSS

Share