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>

Messung V0.5 in Prozent

¤ Dauer der Verarbeitung: 0.10 Sekunden (vorverarbeitet am 2026-06-08) ¤

Wurzel

Suchen

PVS Prover

Isabelle Prover

NIST Cobol Testsuite

Cephes Mathematical Library

Vienna Development Method

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 und die Messung sind noch experimentell.