Run ❯
zig
.
com
×
Change Orientation
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> div.a { width: calc(50px * sqrt(16)); /* 200px */ height: calc(50px * sqrt(9)); /* 150px */ background-color: salmon; margin-bottom: 25px; } div.b { width: calc(20px * sqrt(16)); /* 80px */ height: calc(20px * sqrt(9)); /* 60px */ background-color: green; margin-bottom: 25px; } div.c { width: calc(60px * sqrt(16)); /* 240px */ height: calc(60px * sqrt(9)); /* 180px */ background-color: maroon; } </style> </head> <body> <h1>The sqrt() Function</h1> <p>Here, sqrt() is used within the calc() function to set the width and height of three div elements.</p> <div class="a"></div> <div class="b"></div> <div class="c"></div> </body> <!-- /cssref/tryit.php?filename=trycss_func_sqrt by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 06 Feb 2025 20:00:00 GMT --> </html>
