Back to Chromium

Simple Calcs Prefixed

third_party/blink/web_tests/css3/calc/simple-calcs-prefixed.html

149.0.7827.21003 B
Original Source

This file tests legacy support for the -webkit prefixed version of calc (ie -webkit-calc()).

All boxes below should be 100px * 100px and green.

control

50px + 50px

150px - 50px

50px + 50px (2 spaces around operator)

150px - 50px (2 spaces around operator)

50px*2

50px *2

50px* 2

200px/2

200px /2

200px/ 2

50px*(2)

50px *(2)

50px* (2)

50px*(1 + 1)

50px*(12 - 10)

50px*(10 / 5)

10px* (5 * 2)

50px + 10px * 5 (operation order)

100%/2 (where 100% is 200px)

100% + -100px (where 100% is 200px)

80% - 60px (where 100% is 200px)

300px - 100% (where 100% is 200px)

-100px + 100% (where 100% is 200px)

20% + 30% (where 100% is 200px)

80% - 30% (where 100% is 200px)

10% * 5 (where 100% is 200px)

5 * 10% (where 100% is 200px)

(100px)

(50px + 50px)

(50px) + 50px

50px + (50px)

50px + 50px

50px + 25px * 2

(25px + 25px) * 2

2 * 50px

2 * 100px / 2

(1em - 1em) + 100px

50px + +50px

-50px + 150px

-50px - -150px

(((((((100px)))))))

100px

100% * 2