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: propiedades de estilo de esquema
Este tutorial de CSS explica cómo usar una propiedad de CSS llamada Esquema Con sintaxis y ejemplos.
describir
La propiedad de estilo de contorno de CSS define el estilo de contorno de un elemento, que es una línea dibujada fuera del borde del borde del elemento.
sintaxis
La sintaxis de la propiedad CSS de estilo de esquema es:
outline-style: value;parámetro o parámetro
valor
Estilo de línea del contorno del elemento. Puede ser uno de los siguientes:
| valor | describir |
|---|---|
| no cualquiera | sin contorno (este es el valor predeterminado) div { estilo de esquema: ninguno; } |
| duro | simple, recto, sólido div {estilo de esquema: sólido;} |
| embellecido | serie de puntos div {estilo de esquema: discontinuo;} |
| linea punteada | Serie de guiones div {estilo de esquema: discontinuo;} |
| doble | Dos líneas que suman la cantidad de píxeles definidos por el ancho del contorno div {estilo de contorno: doble;} |
| ranura | efecto de grabado div {estilo de esquema: surco;} |
| cresta | El contorno parece una apariencia 3D “fuera” (lado opuesto de la ranura) div {estilo de contorno: cresta;} |
| ilustración | Apariencia incrustada div {estilo de contorno: inserción;} |
| al principio | Apariencia en relieve (a diferencia de la ilustración) div {estilo de contorno: inicio;} |
| carro | El estilo del contorno está determinado por el navegador. div {estilo de esquema: automático;} |
| heredar | El elemento heredará el estilo de contorno de su elemento principal div {estilo de esquema: heredar;} |
notas
- Consulte también el color del contorno, el ancho del contorno y las propiedades del contorno.
Compatibilidad del navegador
Las propiedades de estilo de contorno CSS tienen soporte básico para los siguientes navegadores:
- Aleación de cromo
- Firefox (Geco)
- Internet Explorer 8+ (IE 8+)
- Ópera 7+
- Safari (WebKit)
ejemplo
Discutiremos la propiedad de estilo de contorno a continuación, explorando ejemplos de cómo usar esta propiedad con otras propiedades de contorno en CSS.
p { outline-style: solid; outline-color: black; }En este ejemplo de estilo de contorno CSS, establecemos el estilo de contorno en un color sólido, que será
Crea una línea negra sólida alrededor del texto en el marcador.
Puede combinar atributos de estilo de contorno con otras etiquetas (como
Por ejemplo:
div { outline-style: dashed; outline-color: #FF0000; }Un ejemplo de este estilo de esquema será
Podemos modificar el ejemplo anterior y aplicar el estilo a la propiedad de ancho de contorno de la siguiente manera:
div { outline-style: dashed; outline-color: #FF0000; outline-width: thick; }Este ejemplo cambiará nuestro contorno a una línea discontinua roja gruesa.