radial-gradient-container-relative-units-001.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-images/radial-gradient-container-relative-units-001.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>radial-gradient() with container relative unit &lt;position> (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(50px 50px ellipse at 50cqw 50px, green, blue);

</style>

<div id="container">

  <div id="inner"></div>

</div>