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 un comentario

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


PUBLICACIONES


enero 2020
L M X J V S D
« Nov    
 12345
6789101112
13141516171819
20212223242526
2728293031