franzsen: Wirkung von outline

Beitrag lesen

SELF-Forum

Wirkung von outline

franzsen
– Informationen zu den Bewertungsregeln

Habe folgenden Code begonnen und erhalte schon anfangs ein Ergebnis das noch nicht passiert ist:

<!doctype html>
<html lang="de">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
   <meta charset="utf-8">
  <title></title>
<style>
.test {
  /*position: absolute;*/
  padding: 20px;
  color: red;
  outline: 2px solid;
  color red;
  }
</style>
</head>

<body>
<abbr class="test">
  <dfn>
    Text Hallo<br>
    Text 2<br>
    Text 3<br>
  </dfn>
</abbr>
</body>
</html>

Die Außenlinie geht senkrecht durch die erste Textzeile. Wenn ich <br> weggebe fällt der Rahmen normal; schreibe ich "display: box;", passiert überhaupt nichts, jedoch mit "position: absolute;". "relative" ist ebenfalls wirkungslos.

Was passiert da?

--
LG Franz
Beitrag melden
–
Informationen zu den Bewertungsregeln