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


noviembre 2019
L M X J V S D
« Oct    
 123
45678910
11121314151617
18192021222324
252627282930