Beispiel:CSS2 outline-color.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>outline-color</title>
<style>
p {width: 30em; padding: 1em; margin: 3em; background-color: lightgrey;}
.border {border: 1em solid red;}
.outline {
outline: 1em;
outline-style: solid;
outline-color: invert;
}
</style>
</head>
<body>
<h1>Verwendung von <code>outline-color</code></h1>
<main>
<p class="outline">Textabsatz mit invertierter Außenlinie und ohne Rahmen</p>
<p class="border">Textabsatz mit Rahmen und ohne Außenlinie</p>
<p class="border outline">Textabsatz mit Rahmen und invertierter Außenlinie</p>
</main>
</body>
</html>