Редактор свойств компонентов![](anchor.svg)
Чтобы добавить пользовательский CSS к компоненту в редактор UI, необходимо открыть редактор свойств. Редактор свойств используется для изменения свойств различных ресурсов, и это справедливо и для веб-компонентов. Когда свойства изменяются, изменения немедленно сохраняются и применяются к компоненту.
Доступ к свойствам компонентов![](anchor.svg)
Вы можете получить доступ к редактору свойств компонента в редакторе UI несколькими способами:
a) При наведении курсора на компонент на панели инструментов и нажатии кнопки (
![](accessing_component_pe_a.png)
б) Открыть контекстное меню компонента, щелкнув правой кнопкой мыши на компоненте и выбрав его имя из списка доступных компонентов.
![](accessing_component_pe_b.png)
в) Выберите компонент в Дереве компонентов.
![](accessing_component_pe_c.png)
В открытом редакторе свойств компонента вы найдете список свойств компонента, разделенных на группы, которые представлены в виде вкладок в его верхней части. Большая часть из них присутствует во всех компонентах веб-интерфейса, а некоторые группы содержат пользовательские свойства стилей для определенных частей компонента.
Далее мы рассмотрим, куда в первую очередь следует направиться в редакторе свойств компонента, чтобы найти пользовательские свойства CSS, и где еще вы можете с ними столкнуться.
Группы свойств с поддержкой пользовательского CSS![](anchor.svg)
Две основные группы свойств, в которых вы чаще всего будете работать с CSS компонента - это Свойства контейнера и Стиль элемента.
Кроме них, существует группа Всплывающая подсказка, которая является общей для многих компонентов веб-интерфейса и имеет выделенное свойство Стиль.
![](component_pe_groups.png)
Некоторые компоненты, имеющие внутри себя множество различных частей, могут иметь уникальные группы свойств со своими собственными полями стилей. Изучите доступные группы свойств каждого нового компонента пользовательского интерфейса, с которым вы начинаете работать, и вы сможете найти больше мест для применения пользовательского CSS.