/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

1 vote340 views1 answer
Cypress element css
CSS
0 vote301 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS
0 vote301 views1 answer
Css 16 9 ratio
CSS
3 votes332 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
0 vote298 views1 answer
How to use css without brackets
CSS
0 vote300 views1 answer
How to make two different animations to one element css
CSS
0 vote316 views1 answer
Navbar bootstrap display items horizontally
CSS
0 vote305 views1 answer
Htacess mono-site
CSS
0 vote299 views1 answer
Twig date modify
CSS
4 votes302 views3 answers
Css alternate row color
CSS

Share