width-by-max-px-em.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-typed-om/width-by-max-px-em.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<link rel="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org">

<link rel="help" href="https://www.w3.org/TR/css-typed-om-1/#stylevalue-subclasses">

<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">

<meta name="assert" content="'width' can be set with a CSSMathMax object.">

<style>

#target { font-size: 10px; background-color: green; height: 100px; }

</style>

<p>Test passes if there is a filled green square.</p>

<div id=target></div>

<script>

const width = new CSSMathMax(CSS.em(10), CSS.px(90));

const target = document.querySelector('#target');

target.attributeStyleMap.set('width', width);

</script>