зеркало из https://github.com/mozilla/gecko-dev.git
38 строки
1.3 KiB
HTML
38 строки
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head><title>Test dir=rtl</title></head>
|
||
|
|
<body style="background: white;">
|
||
|
|
|
||
|
|
<!-- menclose notation=radical -->
|
||
|
|
|
||
|
|
<div style="position: absolute;
|
||
|
|
top: 5px; left: 5px; width: 100px; height: 100px;
|
||
|
|
text-align: center; background: black;">
|
||
|
|
<math dir="rtl">
|
||
|
|
<mstyle mathcolor="yellow">
|
||
|
|
<!-- left and right notation make the menclose symmetric -->
|
||
|
|
<menclose notation="radical left right">
|
||
|
|
<mspace width="20px" height="20px"/>
|
||
|
|
</menclose>
|
||
|
|
</mstyle>
|
||
|
|
</math>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="position: absolute;
|
||
|
|
top: 5px; left: 5px; width: 100px; height: 100px;">
|
||
|
|
<!-- hide the left part of the menclose. A 5px band is not covered, where
|
||
|
|
the radical may be seen if it is wrongly placed on the left instead.
|
||
|
|
-->
|
||
|
|
<div style="position: absolute;
|
||
|
|
width: 35px; height: 100px; background: red;"></div>
|
||
|
|
<!-- hide the middle part of the menclose -->
|
||
|
|
<div style="position: absolute; left: 40px;
|
||
|
|
width: 20px; height: 100px; background: blue;"></div>
|
||
|
|
<!-- hide the right part of the menclose -->
|
||
|
|
<div style="position: absolute; left: 60px; width: 40px; height: 100px;
|
||
|
|
background: green;"></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|