mirror of
https://github.com/servo/servo.git
synced 2025-08-03 04:30:10 +01:00
48f1159845
Adds elliptical border-radius shorthand parsing, e.g.:
/* The syntax of the second radius allows one to four values */
/* (first radius values) / radius */
border-radius: 10px 5% / 20px;
/* (first radius values) / top-left-and-bottom-right | top-right-and-bottom-left */
border-radius: 10px 5% / 20px 30px;
/* (first radius values) / top-left | top-right-and-bottom-left | bottom-right */
border-radius: 10px 5px 2em / 20px 25px 30%;
/* (first radius values) / top-left | top-right | bottom-right | bottom-left */
border-radius: 10px 5% / 20px 25em 30px 35em;
22 lines
653 B
HTML
22 lines
653 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
|
|
<meta content="utf-8" http-equiv="encoding">
|
|
<style type="text/css">
|
|
div.box {
|
|
background: white;
|
|
border-width: 15px 15px 15px 15px;
|
|
border-color: yellow red green blue;
|
|
border-style: solid;
|
|
border-radius: 100px 150px / 50px 100px 200px;
|
|
height: 500px;
|
|
width: 500px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h2>Shorthand Border Radius - Elliptical</h2>
|
|
<div class="box"></div><br>
|
|
</body>
|
|
</html>
|