CRIAR VARIÁVEIS NO CSS

26/06/2022 04:04

Rafael Miguel

Rafael Miguel

Brasil

Aprendendo a sair do zero

CRIAR VARIÁVEIS NO CSS
  • #HTML
  • #JavaScript
  • #CSS

Olá pessoal!

No CSS é possível criar variáveis, que podem ser utilizadas para estilizar sua página com mais agilidade.

No CSS, declaramos as variáveis no seletor ":root{}", ao qual será reconhecido em toda página do CSS.

:root {
}

A declaração das variáveis deverá iniciar com "--".

:root{
  --nomedavariavel: ; 
  }

Em seguida poderá atribuir um valor, no caso do exemplo, irei setar uma cor em hsl.

:root{
  --nomedavariavel: hsl(205, 88%, 45%);
  }

Utilizando a variável:

Para utilizar a variável, você deverá incluir o valor "var()", e dentro dos parênteses será necessário informar a variável criada.

.nomedaclasse{
  background-color: var(--nomedavariavel);
  }

Esse método facilita a estilização, economizando seu tempo.

Até a próxima...

Faça parte da nossa comunidade!

Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo e encare seu novo desafio profissional, evoluindo em comunidade com os melhores experts.

15

Certificado

Artigo relacionado

Comentários

    Nenhum comentário