/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

3 votes177 views2 answers
Hr tag customize using css
CSS
0 vote192 views1 answer
Add image under header html
CSS
4 votes178 views1 answer
How do i update my gatsby version?
CSS
0 vote130 views1 answer
Text flow top to bottom
CSS
0 vote175 views1 answer
How to mirror flip a video tag css
CSS
0 vote184 views1 answer
Font-display css google fonts
CSS
0 vote189 views1 answer
Details summary hide arrow
CSS
6 votes180 views3 answers
Linear-gradient(top to bottom)
CSS
59 votes190 views4 answers
Rgb blue color code
CSS
18 votes179 views4 answers
Grayscale css
CSS

Share