зеркало из https://github.com/mozilla/gecko-dev.git
66 строки
2.5 KiB
HTML
66 строки
2.5 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head><style>
|
|
button,span,fieldset { border-radius: 7px 3px; background-color: #0F0; }
|
|
button { border: none; outline: 3px solid black; outline-offset: -2px; }
|
|
</style></head>
|
|
<body style="margin:30px">
|
|
<div style="column-count:3">
|
|
<p><button>No Blur Radius</button>
|
|
<p><button>No Blur Radius</button>
|
|
<p><button>No Blur Radius</button>
|
|
<p><button>No Blur Radius</button>
|
|
<p><button>No Blur Radius</button>
|
|
|
|
<p><button>2px Blur Radius</button>
|
|
<p><button>2px Blur Radius</button>
|
|
<p><button>2px Blur Radius</button>
|
|
<p><button>2px Blur Radius</button>
|
|
<p><button>2px Blur Radius</button>
|
|
|
|
<!-- XXX TODO: SPAN does not work due to differences in anti-aliasing with the test
|
|
<p><span>No Blur Radius</span>
|
|
<p><span>No Blur Radius</span>
|
|
<p><span style="box-sizing:border-box;">No Blur Radius</span>
|
|
<p><span>No Blur Radius</span>
|
|
<p><span>No Blur Radius</span>
|
|
|
|
<p><span>2px Blur Radius</span>
|
|
<p><span>2px Blur Radius</span>
|
|
<p><span style="box-sizing:border-box;">2px Blur Radius</span>
|
|
<p><span>2px Blur Radius</span>
|
|
<p><span>2px Blur Radius</span>
|
|
-->
|
|
|
|
<p><fieldset>No Blur Radius</fieldset>
|
|
<p><fieldset><legend>No</legend> Blur Radius</fieldset>
|
|
<p><fieldset>No Blur Radius</fieldset>
|
|
<p><fieldset style="box-sizing:border-box;">No Blur Radius</fieldset>
|
|
<p><fieldset>No Blur Radius</fieldset>
|
|
<p><fieldset>No Blur Radius</fieldset>
|
|
|
|
<p><fieldset>2px Blur Radius</fieldset>
|
|
<p><fieldset><legend>2px</legend> Blur Radius</fieldset>
|
|
<p><fieldset>2px Blur Radius</fieldset>
|
|
<p><fieldset style="box-sizing:border-box;">2px Blur Radius</fieldset>
|
|
<p><fieldset>2px Blur Radius</fieldset>
|
|
<p><fieldset>2px Blur Radius</fieldset>
|
|
|
|
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline;"><legend>No</legend> Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline; box-sizing:border-box;">No Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline;">No Blur Radius</fieldset>
|
|
|
|
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline;"><legend>2px</legend> Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline; box-sizing:border-box;">2px Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
|
|
<p><fieldset style="display:inline;">2px Blur Radius</fieldset>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|