CSS CONTORNO
Um contorno é uma linha
desenhada fora da borda do elemento.
CONTORNO TEM AS PROPRIEDADES:
Ø outline-style
Ø outline-color
Ø outline-width
Ø outline-offset
Ø outline
OUTLINE-STYLE É A PROPRIEDADE DE
ESTILO DOP CSS COM SEGUINTES VALORES:
- dotted- contorno pontilhado
- dashed- contorno tracejado
- solid- contorno sólido
- double- contorno duplo
- groove- contorno ranhurado 3D
- ridge- contorno estriado 3D
- inset- contorno de inserção 3D
- outset- esboço inicial 3D
- none- Não contorno
- hidden- contorno oculto
NA PRÁTICA:
<html>
<head>
<style>
p {outline-color:blue;}
p.dotted {outline-style:
dotted;}
p.dashed {outline-style:
dashed;}
p.solid {outline-style:
solid;}
p.double {outline-style:
double;}
p.groove {outline-style:
groove;}
p.ridge {outline-style:
ridge;}
p.inset {outline-style:
inset;}
p.outset {outline-style:
outset;}
</style>
</head>
<body>
<h2>A propriedade estilo
de contorno</h2>
<p
class="dotted">Um contorno pontilhado</p>
<p
class="dashed">Um contorno tracejado</p>
<p
class="solid">Um contorno sólido</p>
<p
class="double">Um contorno duplo</p>
<p
class="groove">Um contorno de sulco. O efeito depende do valor da
cor do contorno.</p>
<p
class="ridge">Um contorno de cumeeira. O efeito depende do valor
da cor do contorno.</p>
<p
class="inset">Um contorno inserido. O efeito depende do valor da
cor do contorno.</p>
<p
class="outset">Um esboço inicial. O efeito depende do valor da cor
do contorno.</p>
</body>
</html>