/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 votes360 views2 answers
How to add box shadow to all sides css
CSS
0 vote359 views1 answer
How to make a div in top left in css
CSS
38 votes349 views5 answers
Css roboto font
CSS
7 votes434 views1 answer
Remve arrow from input ype number
CSS
25 votes414 views3 answers
How to add spaces between text in html
CSS
0 vote784 views1 answer
Fading bottom image css
CSS
0 vote370 views1 answer
Html how to ensure that the header always on top
CSS
0 vote373 views1 answer
Css animation sin
CSS
2 votes374 views1 answer
How to use bulma in gatsby
CSS
0 vote399 views2 answers
Ul class= social-icons
CSS

Share