CSS es un lenguaje de estilo que consiste en muchas características distintivas. Una de esas características es que permite a sus usuarios declarar propiedades personalizadas que también se denominan variables CSS. Estas variables consisten en nombres y valores específicos, y una vez declaradas se pueden usar en cualquier lugar del archivo. Para usar estas variables, CSS proporciona una función de la función de nombre var () que vamos a discutir en detalle en este artículo. Esta publicación incluye los siguientes temas.
1. función var ()
2. Ventajas de la función var ()
La función var () en CSS
Con el fin de incluir una propiedad personalizada o una variable CSS que se puede usar en otra parte de la hoja de estilo, se utiliza la función var ().
Sintaxis
var () = var (-nombre de property, valor de propiedad)
Parámetros explicados
nombre de la propiedad: Especifica el nombre de la propiedad personalizada. Es un parámetro requerido.
El valor de la propiedad: Especifica el valor de la propiedad personalizada. Es un parámetro opcional.
Puntos para recordar!
1. Las reglas de CSS definen que las variables CSS tienen un alcance local o global. Se puede usar una variable global en cualquier parte del documento completo; Mientras tanto, una variable local solo puede recuperarse por el selector en el que se define en.
2. Con el fin de crear una variable global utilizando la función var (), debe declararse en: selector de raíz
3. Mientras tanto, se puede crear una variable local dentro de cualquier selector.
Ejemplo 1
Supongamos que desea usar la función var () al declarar variables globales.
Html
Este es un párrafo.
En el fragmento de código anterior, simplemente hemos creado un contenedor Div y anidadamos un
div color: var (-azul); Color de fondo: var (-blanco); relleno: 15px;
pag Color de fondo: var (-blanco); color: var (-azul); borde: 3px sólido var (-marrón); relleno: 40px;
En el código anterior, hemos definido algunas variables globales en: el selector de raíces, cada uno correspondiente a un color específico. Luego estamos utilizando esas variables globales en todo el documento donde sea necesario usando la función var (). La ventaja de hacer estas variables globales y luego usarlas en la función var () es que en este caso particular no necesita definir colores de elementos una y otra vez, solo use la función var ().
Producción
La función var () funciona correctamente.
Ejemplo 2
Entendamos más la función var () con otro ejemplo.
