CSS Outline Shorthand-Eigenschaft


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


CSS Outline - Shorthand-Eigenschaft

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.

Beispiel

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>