mathml/presentation/roots.xhtml

<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>Roots</title>
<style type='text/css'>
	body {
	   overflow: hidden;
	}
</style>
</head>
<body>
<p id='t1'>square root (should be red): 
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<msqrt style="color: red;"><mn>2</mn></msqrt>
</math></p>
<p id='t2'>long square root: 
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<msqrt><mrow><mi>x</mi><mo>+</mo><mn>1</mn></mrow></msqrt>
</math></p>
<p id='t3'>long square root with implied row: 
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<msqrt><msup><mi>x</mi><mn>2</mn></msup><mo>+</mo><mn>1</mn></msqrt>
</math></p>
<p id='t4'>root of a fraction: 
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<msqrt>
<mfrac>
<mrow><mi>x</mi><mo>+</mo><mn>1</mn></mrow>
<mrow><mi>x</mi><mo>+</mo><mn>2</mn></mrow>
</mfrac>
</msqrt>
</math></p>
<p id='t5'>cube root (should be blue): 
<math xmlns='http://www.w3.org/1998/Math/MathML' mathcolor="blue">
<mroot><mn>2</mn><mn>3</mn></mroot>
</math></p>
<p id='t6'>long index: 
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mroot><mn>2</mn><mrow><mi>x</mi><mo>+</mo><mi>y</mi><mo>+</mo><mi>z</mi></mrow></mroot>
</math></p>
<p id='t7'>long index w/ complex base: 
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mroot>
<mfrac>
<mrow><mi>x</mi><mo>+</mo><mn>1</mn></mrow>
<mrow><mi>x</mi><mo>+</mo><mn>2</mn></mrow>
</mfrac>
<mrow><mi>x</mi><mo>+</mo><mi>y</mi><mo>+</mo><mi>z</mi></mrow>
</mroot>
</math></p>
<p id='t8'>high index: 
<math xmlns='http://www.w3.org/1998/Math/MathML'>
<mroot>
    <mn>2</mn>
    <mfrac>
        <mfrac>
            <mi>x</mi>
            <mi>y</mi>
        </mfrac>
        <mi>z</mi>
    </mfrac>
</mroot>
</math></p>
<p id='t9'>Imbricated square roots:
<math xmlns="http://www.w3.org/1998/Math/MathML">
  <msqrt>
    <mn>1</mn>
    <mo>+</mo>
    <msqrt>
      <mrow>
        <mn>2</mn>
        <mo>+</mo>
        <msqrt>
          <mrow>
            <mn>3</mn>
            <mo>+</mo>
            <msqrt>
              <mrow>
                <mn>4</mn>
                <mo>+</mo>
                <msqrt>
                  <mrow>
                    <mn>5</mn>
                    <mo>+</mo>
                    <msqrt>
                      <mrow>
                        <mn>6</mn>
                        <mo>+</mo>
                        <msqrt>
                          <mrow>
                            <mn>7</mn>
                            <mo>+</mo>
                            <msqrt>
                              <mi>A</mi>
                            </msqrt>
                          </mrow>
                        </msqrt>
                      </mrow>
                    </msqrt>
                  </mrow>
                </msqrt>
              </mrow>
            </msqrt>
          </mrow>
        </msqrt>
      </mrow>
    </msqrt>
  </msqrt>
</math>
</p>
<p id='t9'>Imbricated roots:
    <math xmlns="http://www.w3.org/1998/Math/MathML">
  <mroot>
    <mrow>
        <mn>1</mn>
        <mo>+</mo>
        <mroot>
          <mrow>
            <mn>2</mn>
            <mo>+</mo>
            <mroot>
              <mrow>
                <mn>3</mn>
                <mo>+</mo>
                <mroot>
                  <mrow>
                    <mn>4</mn>
                    <mo>+</mo>
                    <mroot>
                      <mrow>
                        <mn>5</mn>
                        <mo>+</mo>
                        <mroot>
                          <mrow>
                            <mn>6</mn>
                            <mo>+</mo>
                            <mroot>
                              <mrow>
                                <mn>7</mn>
                                <mo>+</mo>
                                <mroot>
                                  <mi>A</mi>
                                  <mfrac>
                                    <mrow>
                                          <mi>x</mi>
                                        <mo>+</mo>
                                        <mi>y</mi>
                                      </mrow>
                                    <mi>z</mi>
                                  </mfrac>
                                </mroot>
                              </mrow>
                              <mn>9</mn>
                            </mroot>
                          </mrow>
                          <mn>8</mn>
                        </mroot>
                      </mrow>
                      <mn>7</mn>
                    </mroot>
                  </mrow>
                  <mn>6</mn>
                </mroot>
              </mrow>
              <mn>5</mn>
            </mroot>
          </mrow>
          <mn>4</mn>
        </mroot>
      </mrow>
    <mn>3</mn>
  </mroot>
</math>
</p>

<p id='t10'>Don't wrap this wide line with an implicit mrow:<br />
	<math xmlns='http://www.w3.org/1998/Math/MathML'>
		<msqrt>
			<mi style="padding-right: 50vw">x</mi>
			<mi style="padding-right: 50vw">y</mi>
		</msqrt>
	</math>
</p>

</body>
</html>