CSS Outline Shorthand Property


Innehållsförteckning

    Visa innehållsförteckning


CSS Outline - Stenografi-egenskap

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.

Exempel

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>