- Теория
- Теория
Custom properties, закрепление 5
В этом испытании вам известны только названия существующих переменных. Используйте эти переменные, чтобы задать значения свойствам нужных элементов.
Пустые CSS-правила для всех элементов уже добавлены в стили. Названия переменных и свойств перечислены ниже:
width,
border-top-width,
height
--event-width
--event-border-width
--time-width
--image-placeholder-size
Стили со значениями переменных специально спрятаны, чтобы вы не могли задать свойствам обычные значения и использовали переменные.
Этот вариативное испытание, предназначенное для закрепления ваших навыков работы с CSS Custom Properties.
Решение
Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.
.event {
width: var(--event-width);
border-top-width: var(--event-border-width);
}
.time {
width: var(--time-width);
}
.image-placeholder {
width: var(--image-placeholder-size);
height: var(--image-placeholder-size);
}
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.