Egenskapen outline
är en förkortningsegenskap för ställa in följande individuella dispositionsegenskaper:
outline-width
outline-style
outline-color
outline-style
krävs.
Egenskapen outline
är specificerad som en, två eller tre värden från listan ovan. Det gör inte ordningen på värdena materia.
Följande exempel visar några konturer specificerade med förkortningen kontur
fast egendom:
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;}
Prova själv →
<!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>