| <!doctype html> |
| <title>radial-gradient() with container relative unit <radial-size> (horizontal)</title> |
| <link rel="help" href="https://drafts.csswg.org/css-images/#radial-gradient-syntax"> |
| <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-lengths"> |
| <link rel="match" href="radial-gradient-container-relative-units-ref.html"> |
| <style> |
| #container { container-type: size; width: 100px; height: 100px; } |
| #inner { |
| width: 100%; |
| height: 100%; |
| background-image: radial-gradient(50cqi 50px ellipse at 50px 50px, green, blue); |
| } |
| </style> |
| <div id="container"> |
| <div id="inner"></div> |
| </div> |
