Propiedad de la taquigrafía del borde de CSS
Las propiedades abreviadas de CSS tienden a ejecutar múltiples propiedades simultáneamente. La propiedad de la taquigrafía del borde de CSS le permite cambiar el ancho, el estilo y el color del borde por completo. Este artículo proporciona una demostración sobre el funcionamiento de la propiedad de la taquigrafía fronteriza. Además, se ilustran varios ejemplos para obtener la propiedad de la taquigrafía de la frontera.
Cómo funciona la propiedad de la taquigrafía de la frontera
La propiedad de la taquigrafía del borde de CSS funciona en función de la siguiente sintaxis:
Selector Border: Color de estilo ancho;En la sintaxis anterior,
- el selector puede ser cualquier elemento, o puede referirse a la clase en CSS
- el ancho se refiere al ancho de la frontera y se puede establecer en PX, EM, %. El PX establece el estándar y EM muestra el resultado que se refiere al valor PX. Por ejemplo, si el cuerpo tiene un valor PX es igual a 4px, entonces sería igual a 1EM, de manera similar, para 8px sería 2EM.
- el estilo representa el estilo del borde y puede ser punteado, discontinuo, sólido, doble, tablero, ritmo, oculto, insertado, no.
- el color La propiedad agrega color a los bordes y el color se puede proporcionar utilizando el nombre exacto (rojo, azul), utilizando el valor hexadecimal del color, utilizando el esquema de patrón RGB/RGBA.
La discusión anterior debe haberlo ayudado a obtener el concepto de propiedad de la taquigrafía de la frontera CSS.
Cómo usar la propiedad de la taquigrafía de la frontera CSS
El funcionamiento fundamental de la propiedad en taquigrafía fronteriza se proporciona en la sección anterior. Aquí ejerceremos algunos ejemplos que demuestren el uso de la propiedad fronteriza CSS.
Ejemplo 1
Se practica el siguiente código que aplica CSS Border -Bordand Propiedad.
Bienvenido a Linuxhint
Bienvenido a Linuxhint
La descripción del código se proporciona a continuación:
- Se crean dos clases de CSS llamada "One" y "Dos"
- La clase "One" usa la propiedad de la taquigrafía de la frontera con un ancho de 2px, el estilo está discontinuo y el color es oscuro
- La clase "dos" práctica la propiedad de la taquigrafía del borde con los siguientes valores: el ancho es 2px, el estilo está punteado y el color del borde es rojo
- Las otras propiedades en la clase "uno" y "dos" se refieren a los DIV utilizados en el cuerpo.
- Se usan dos etiquetas DIV en el cuerpo, la primera etiqueta Div usa una clase "una" de CSS y la segunda etiqueta DIV usa una "dos" clase de CSS.
La imagen del código se proporciona a continuación;
La salida del código anterior se proporciona a continuación:
Ejemplo 2
La propiedad de la taquigrafía de la frontera acepta tres parámetros, y su uso se proporciona en el ejemplo anterior. Aquí, estamos considerando solo el "estilo con color" y el "estilo con ancho" de la propiedad de la taquigrafía del borde utilizando el siguiente código.
Bienvenido a Linuxhint
Bienvenido a Linuxhint
La descripción del código se proporciona a continuación:
- Se crean dos clases de CSS llamadas "Prim" y "Sec"
- La clase "Prim" contiene el estilo y el color de la propiedad de la taquigrafía del borde
- La clase "SEC" usa el ancho y el estilo
- En el cuerpo, se crean dos párrafos que están asociados con cada clase CSS
La imagen del código se muestra a continuación:
La salida del código anterior se muestra a continuación:
De los ejemplos ilustrados anteriormente, habría aprendido la funcionalidad de la propiedad de la taquigrafía de la frontera en varios escenarios.
Conclusión
La propiedad taquigrafía fronteriza de CSS consta de tres propiedades fronterizas, ancho de frontera, estilo fronterizo y color fronterizo. Este artículo proporciona una guía detallada sobre la propiedad de la taquigrafía de la frontera CSS. El funcionamiento de la propiedad en taquigrafía fronteriza se explica brevemente dónde obtendrá una comprensión básica de esta propiedad. Además, se indican varios ejemplos que implementan la propiedad de la taquigrafía de Border CSS en varios escenarios.