Die Eigenschaft outline
ist eine Abkürzung für die Eigenschaft Festlegen der folgenden einzelnen Gliederungseigenschaften:
outline-width
outline-style
outline-color
outline-style
ist erforderlich.
Die Eigenschaft outline
wird als eine angegeben, zwei oder drei Werte aus der obigen Liste. Die Reihenfolge der Werte gilt nicht Gegenstand.
Das folgende Beispiel zeigt einige Umrisse, die mit der Abkürzung outline
angegeben werden Eigentum:
A dashed outline.
A dotted red outline.
A 5px solid yellow outline.
A thick ridge pink outline.
p.ex1
{outline: dashed;}
p.ex2
{outline: dotted red;}
p.ex3
{outline: 5px solid yellow;}
p.ex4
{outline: thick ridge pink;}
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}
</style>
</head>
<body>
<h2>The outline Property</h2>
<p class="ex1">A dashed outline.</p>
<p class="ex2">A dotted red outline.</p>
<p class="ex3">A 5px solid yellow outline.</p>
<p class="ex4">A thick ridge pink outline.</p>
</body>
</html>