CSS Outline stenografi ejendom

Indholdsfortegnelse

    Vis indholdsfortegnelse

CSS Outline - stenografi ejendom

Egenskaben outline er en stenografi-egenskab for indstilling af følgende individuelle dispositionsegenskaber:

  • outline-width
  • outline-style
  • outline-color

outline-style er påkrævet.

Egenskaben outline er angivet som én, to eller tre værdier fra listen ovenfor. Det gør rækkefølgen af værdierne ikke stof.

Følgende eksempel viser nogle konturer, der er specificeret med stenografien outline ejendom:

A dashed outline.

A dotted red outline.

A 5px solid yellow outline.

A thick ridge pink outline.

Eksempel

p.ex1
{outline: dashed;}
p.ex2
{outline: dotted red;}
p.ex3
{outline: 5px solid yellow;}
p.ex4
{outline: thick ridge pink;}

Prøv det selv →

<!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>