Quelle outline-010.html Sprache: HTML

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

<!doctype html>
<html lang=en>
  <meta charset=utf-8>
  <title>CSS-UI test: computed values ouf outline-width</title>
  <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net">
  <meta name=flags content="">
  <meta name=assert content="outline-offset values compute to absolute lengths">
  <link rel="match" href="../reference/ref-filled-green-100px-square.xht">
  <link rel=help href="https://drafts.csswg.org/css-ui-3/#outline-props">
<style>
body > div {
  width: 100px;
  height: 100px;

  font-size: 10px;

  /* stacking  of outlines is undefined, so we cannot reliably to have an outline hide another outline.
   We are using a border instead,
   but still need to create an (invisible) outline to make sure that outline-offset does not compute to 0. */
  outline: solid 5px transparent;
  outline-offset: 1em;
  padding: 10px;
  border: solid 5px red;
  margin-left: -15px;
  margin-top: -15px;

}
div > div {
  width: 100px;
  height: 100px;
  background: green;

  outline: solid 5px white;
  font-size: 5px;
  outline-offset: inherit;
}
</style>

  <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
  <div><div></div></div>

quality95%

¤ 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.