Please enable JavaScript.
Coggle requires JavaScript to display documents.
CSS Outline - Coggle Diagram
CSS Outline
ejemplo
<!DOCTYPE html>
<html>
<head>
<style>
p {outline-color:red;}
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>The outline-style Property</h2>
<p class="dotted">A dotted outline</p>
<p class="dashed">A dashed outline</p>
<p class="solid">A solid outline</p>
<p class="double">A double outline</p>
<p class="groove">A groove outline. The effect depends on the outline-color value.</p>
<p class="ridge">A ridge outline. The effect depends on the outline-color value.</p>
<p class="inset">An inset outline. The effect depends on the outline-color value.</p>
<p class="outset">An outset outline. The effect depends on the outline-color value.</p>
</body>
</html>
CSS tiene las siguientes propiedades de esquema:
outline-style
outline-color
outline-width
outline-offset
outline
Estilo de esquema CSS
La outline-stylepropiedad especifica el estilo del esquema y puede tener uno de los siguientes valores:
dotted - Define un contorno punteado
dashed - Define un contorno punteado
solid - Define un contorno sólido
double - Define un doble contorno
groove - Define un contorno acanalado 3D
ridge - Define un contorno ondulado 3D
inset - Define un contorno de recuadro 3D
outset - Define un contorno de inicio 3D
none - No define contorno
hidden - Define un contorno oculto