set proportional to different property ex, width:10%height

Question

does it work in CSS to set a property by proportion to another property ? i know that i can do this with java-script, but i would be nice if this is possible with CSS.

for example : width:10 % height;

if not is there any other good way to do it. thanks for you help.

Possible duplicate of [CSS: make div width proportional to height](http://stackoverflow.com/questions/22673008/css-make-div-width-proportional-to-height) — CoderPi, Dec 28 '15 at 15:51
You can set width to 10% of window height like this `width: calc(100vh*0.1);` with css — Nenad Vracar, Dec 28 '15 at 15:58
(On a side note, CSS and JavaScript are names, not pieces of code.) — Roope, Dec 28 '15 at 18:17

score 2 · Accepted Answer · answered Dec 28 '15 at 19:06

2

Using Nenad's comment I built a fiddle https://jsfiddle.net/bv5fLrth/20/

Re-size it vertically to see the width change size.

#someDiv {
  width: calc(100vh*0.1);
  height: 200px;
  background-color: blue;
}

answered Dec 28 '15 at 19:06

Adam Buchanan Smith

9,422
5
19
39

set proportional to different property ex, width:10%height

1 Answers1