Quelle resize-021.html Sprache: HTML

products/Sources/formale Sprachen/C/Firefox/testing/web-platform/tests/css/css-ui/resize-021.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: resizing min-height/width constraints</title>
<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net">
<link rel="help" href="https://drafts.csswg.org/css-ui-3/#resize">
<meta name="flags" content="interact">
<meta name="assert" content="max-width and max-height constraints are honored.">
<style>
#test {
  position: absolute;
  background: linear-gradient(to right, transparent 200px, red 200px) no-repeat,
              linear-gradient(to bottom, transparent 200px, red 200px) no-repeat,
              orange;
  max-height: 200px;
  max-width: 200px;
  height: 100px;
  width: 100px;
  overflow: auto;
  resize: both;
}
#ref {
  position: absolute;
  background: blue;
  height: 300px;
  width: 300px;
}
</style>

<p>Attempt to resize the orange box below so that it is large enough to fully cover the blue one.</p>
<p>If you cannot enlarge the orange box, the test fails.<br>
If you can fully cover the blue box, the test fails.<br>
Even if the blue box is not fully covered, if you see any red, the test fails.<br>
Otherwise, the test passes.</p>

<div id=ref></div>
<div id=test></div>

quality96%

¤ Dauer der Verarbeitung: 0.3 Sekunden ¤

Wurzel

Suchen

Beweissystem der NASA

Beweissystem Isabelle

NIST Cobol Testsuite

Cephes Mathematical Library

Wiener Entwicklungsmethode

Haftungshinweis

Die Informationen auf dieser Webseite wurden nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit, noch Qualität der bereit gestellten Informationen zugesichert.

Bemerkung:

Die farbliche Syntaxdarstellung ist noch experimentell.