Custom Properties CSS3 (Variables en CSS)

Fecha: julio 18, 2019 a las 1:53 pm

Autor: ortizsanchezdev

Categorías: CSS | RECURSOS Etiquetas: |

Letras CSS más dos puntos.

¿Sabías que puedes definir variables en CSS?, imagina cuánto tiempo podrás ahorrarte si tienes que modificar, por ejemplo, un color muy usado en tu documento CSS. Echa un vistazo al código de ejemplo que te muestro:


/*
He usado un espacio entre – y – para una mejor visibilidad del código, pero en realidad son dos guiones seguidos, sin espacio.
*/

:root {
      – -color-cabeceras : #2F2E2E;
}

.div-cabecera1 {
      color : var(- -color-cabeceras);
}

.div-cabecera2 {
      color : var(- -color-cabeceras);
}


¿Te gustaría saber más sobre el tema?, te aporto un par de enlaces al respecto:

W3School -> CSS Variables

Developer Mozilla -> Uso de propiedades personalizadas CSS

¡Espero que os sea útil!

Comentarios: 0


Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


PUBLICACIONES


noviembre 2020
L M X J V S D
 1
2345678
9101112131415
16171819202122
23242526272829
30