• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Пользовательские переменные CSS свойства (Как работают в CSS пользовательские переменные с помощью CSS)
Пользовательские переменные CSS свойства
Kosten
Дата: Пятница, 2019-04-05, 21:25 | Сообщение 1
Администраторы
Сообщений:24185
Награды: 56


Если еще не используете пользовательские переменные для измерения своих пользовательских данных, то здесь рекомендуется вместо этого использовать эту новую функцию измерений. Это переменные CSS, которые содержат определенные значения для повторного использования в документе.



HTML

Код
<p class="deatumplub-mentehines">ZorNet - портал для вебмастера</p>


CSS

Код
:root {
/* Поместите переменные здесь, чтобы использовать их глобально. */
}
.custom-variables {
  --some-color: #da7800;
  --some-keyword: italic;
  --some-size: 1.25em;
  --some-complex-value: 1px 1px 2px whitesmoke, 0 0 1em slategray, 0 0 0.2em slategray;
  color: var(--some-color);
  font-size: var(--some-size);
  font-style: var(--some-keyword);
  text-shadow: var(--some-complex-value);
}


Переменные определяются глобально :root псевдоклассе CSS, который соответствует корневому элементу дерева, представляющего документ. Переменные также могут быть ограничены селектором, если они определены в блоке.

Объявите переменную с --variable-name:

Повторно используйте переменные по всему документу, используя var(--variable-name) функцию.

Демонстрация
Прикрепления: 5637944.png(17.5 Kb) · custom.zip(1.5 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Пользовательские переменные CSS свойства (Как работают в CSS пользовательские переменные с помощью CSS)
  • Страница 1 из 1
  • 1
Поиск: