Propiedad outline


outline


Establece algunas o todas las propiedades de todos los perfiles de los elementos, es una línea que se dibuja alrededor de los elementos (fuera de las fronteras/contornos) para hacer que el elemento de "destaque".

Las propiedades que se pueden establecer, son:

  • outline-coloroutline-styleoutline-width ( color, estilo y ancho)


Inherited: no (Heredado)

outline: outline-color; outline-style; outline-width| initial | inherit;

outline-color
outline-style
outline-width
initial
inherit

color_name
hex_number
rgb_number
invertinherit
none
dotted
dashed
solid
double
groove
ridge
inset
outset
inherit

thin
medium
thick
lengthinherit


Frontera

Ejemplo

#contenedor:{
outline: #00FF00 dotted thick;
}

✔ Nota: La propiedad de esquema no es compatible en Internet Explorer 7 y versiones anteriores. IE8 requiere un DOCTYPE!. IE9 y luego apoyarlo.

Ver: Propiedad border



Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top