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:
valor | describir |
---|---|
estable | valor fijo en px, em, … div {ancho del contorno: 2px;} |
finamente | Ancho de contorno delgado, puede ser 1px o 2px dependiendo del navegador div {ancho del contorno: delgado;} |
Moderar | Ancho de contorno medio, puede ser de 3px o 4px dependiendo del navegador div {ancho del contorno: medio;} |
Grueso | Ancho 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.
div { outline-width: 3px; outline-style: dashed; outline-color: #FF0000; }
Un ejemplo de este estilo de esquema será