Як оголосити і використати змінну в CSS?

CSSJunior~1 хв читання

Змінні в CSS оголошуються через --name всередині будь-якого селектора (найчастіше в :root), а використовуються через var().

Оголошення:

css

:root {
  --main-color: #4a90e2;
  --padding: 16px;
}

Використання:

css

button {
  color: var(--main-color);
  padding: var(--padding);
}

--main-color і --padding - це користувацькі CSS-змінні, а var() підставляє їхнє значення.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.