CSS Abreviação do Contorno
A outline
propriedade é uma propriedade abreviada para definir as
seguintes propriedades de contorno individuais:
Ø
outline-width
Ø
outline-style
(obrigatório)
Ø
outline-color
Na prática:
<!DOCTYPE html>
<html>
<head>
<style>
p.exem1 {outline: dashed;}
p.exem2 {outline: dotted red;}
p.exem3 {outline: 5px solid yellow;}
p.exem4 {outline: thick ridge pink;}
</style>
</head>
<body>
<h2>A propriedade do contorno</h2>
<p class="exem1">Um contorno tracejado.</p>
<p class="exem2">Um contorno vermelho
pontilhado.</p>
<p class="exem3">Um contorno amarelo sólido de
5px.</p>
<p class="exem4">Um contorno rosa grosso cume.</p>
</body>
</html>