Beispiel:CSS2 outline-vs-border.html
Aus SELFHTML-Wiki
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0;" />
<link rel="stylesheet" type="text/css" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" />
<title>border-vs-outline für Inline-Elemente</title>
<style>
p {width: 15em; line-height: 2;}
span {padding: .1em .5em;}
.border {border: 2px solid red;}
.outline {outline: 2px solid green;}
</style>
</head>
<body>
<h1><code>border</code> vs <code>outline</code> für Inline-Elemente</h1>
<main>
<h2>border</h2>
<p>
<span class="border">Inline-Element mit erzwungenem Zeilenumbruch und Rahmen</span>
</p>
<h2>outline</h2>
<p>
<span class="outline">Inline-Element mit erzwungenem Zeilenumbruch und Außenlinie</span>
</p>
</main>
</body>
</html>