CSS: propiedad de ancho de contorno

Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.

CSS: propiedad de ancho de contorno

Este tutorial de CSS explica cómo usar una propiedad de CSS llamada Ancho del contorno Con sintaxis y ejemplos.

describir

La propiedad de ancho de contorno de CSS define el ancho del contorno de un elemento.

sintaxis

La sintaxis de la propiedad CSS de ancho de esquema es:

outline-width: value;

parámetro o parámetro

valor

El ancho del contorno del elemento. Puede ser uno de los siguientes:

valordescribir
establevalor fijo en px, em, …
div {ancho del contorno: 2px;}
finamenteAncho de contorno delgado, puede ser 1px o 2px dependiendo del navegador
div {ancho del contorno: delgado;}
ModerarAncho de contorno medio, puede ser de 3px o 4px dependiendo del navegador
div {ancho del contorno: medio;}
GruesoAncho de contorno grueso, puede ser 5px o 6px dependiendo del navegador
div {ancho del contorno: grueso;}

notas

  • Véase también color de contorno, estilo de contorno y propiedades de contorno.

Compatibilidad del navegador

La propiedad de ancho de contorno CSS tiene soporte básico para los siguientes navegadores:

  • Aleación de cromo
  • Firefox (Geco)
  • Internet Explorer 8+ (IE8+)
  • Ópera 7+
  • Safari (WebKit)

ejemplo

Discutiremos la propiedad de ancho de contorno a continuación, explorando ejemplos de cómo usar esta propiedad con otras propiedades de contorno en CSS.

p { outline-width: thin; outline-style: solid; outline-color: black; }

En este ejemplo de estilo de contorno CSS, establecemos el ancho del contorno en delgado, que estará en el

Crea una delgada línea negra sólida alrededor del texto en el marcador.

Puede utilizar la propiedad de ancho de esquema con otras etiquetas (p. ej.

etiqueta) juntos. Por ejemplo:

div { outline-width: 3px; outline-style: dashed; outline-color: #FF0000; }

Un ejemplo de este estilo de esquema será

Dibuje una línea punteada roja de 3 píxeles de ancho alrededor del marcador.

(Visited 14 times, 1 visits today)