Ir directamente al contenido de esta página

codexexempla.org

Para no sobrecargar la hoja de estilo asociada, en esta página aplico los valores de la propiedad a ejemplificar directamente a los elementos por medio del atributo style; sin embargo, como no me cansaré de repetir, esto debe ser, como en este caso, una práctica excepcional. Una hoja de estilo asociada es un mecanismo más apto para mantener un sitio, además de respetar más estrictamente el principio de separación entre la capa de estructura del documento y su capa de presentación.

Anexo: Ejemplos de los valores de la propiedad outline-style

none

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

hidden

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

dotted

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

dashed

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

solid

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

double

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

groove

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

ridge

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

inset

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

outset

Éste es el elemento con outline. Como se ve, el grosor de esta propiedad no afecta a la posición de los demás elementos, sino que la línea de contorno se superpone a éstos.

Volver al curso

(cc) CodexExempla.org, 2007–2021 Mapa del sitio | XHTML | CSS | AA