MaKvc
@MaKvc
Отчаянный веб-разработчик

Как по имени CSS свойства, получить его разделитель для мультизначения?

Есть объект (ДЛЯ ПРИМЕРА, реальный объект произвольный):

{
    css: {
        transform: [
            'scale(0.8)',
            'translateX(-4px)'
        ],

        boxShadow: [
            '5px 5px yellow',
            '-2em 0 0.5em red'
        ]
    }
}


То есть, объект стилей, который содержит свойства, которые, в свою очередь, могут иметь мультизначение. Так например для свойства transform, разделителем будет пробел, для свойства box-shadow, разделителем будет запятая и т.д. и т.п. Можно ли по имени свойства, получить его разделитель для мультизначения, учитывая то, что объект стилей (свойств и значений) - может быть произвольным? Первое что приходит в голову, создать отдельный объект и тупо перечислить там все свойства которые могут иметь мультизначение и соответствующий этому свойству разделитель... Может есть более простой вариант?
Это нужно для преобразования объекта в конечный объект стилей. Например: Для объекта приведённого выше, результат будет таким:

{
    transform: 'scale(0.8) translateX(-4px)',

    'box-shadow': '5px 5px yellow, -2em 0 0.5em red'
}
  • Вопрос задан
  • 62 просмотра
Пригласить эксперта
Ответы на вопрос 1
UNN4MED
@UNN4MED
Битрикс разработчик
наверно так
Event.css.map((el) => el.transform)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы