Стиль элемента

Группа свойствElement Стиль относится к самому компоненту. Для любого компонента она позволяет объявить Пользовательские классы компонента и добавить пользовательский CSS в свойство Element CSS Стиль. Некоторые компоненты, например Панели, имеют больше свойств в этой группе, связанных с их спецификой.

Стили, записанные здесь, непосредственно применяются к самой внешней HTML-обертке части компонента " Элемент", заменяя собой стили по умолчанию.


Компоненты, содержащие несколько отдельных частей, могут иметь дополнительные поля стилей CSS, предназначенные для каждой части отдельно.



Для получения более подробной информации о принципах структуры Компонентов читайте статью [missing target] Element Part of a Компонент.


Изменение CSS-стиля элемента

Используйте свойство Стиль CSS элемента, если вы хотите применить CSS, направленный на содержимое компонента.

  1. В UI Builder добавьте компонент на инструментальную панель, щелкнув его в Палитре компонентов или перетащив на макет.

  2. Откройте редактор свойств, наведя курсор на компонент на макете и нажав кнопку () Настроить в правом верхнем углу появившегося оверлея, или выбрав его в Дереве компонентов.

  3. В редакторе свойств переключитесь на вкладку Стиль элемента.

  1. На вкладке Стиль элемента добавьте стили CSS в свойство Стиль элемента CSS:

color: chocolate;
text-align: center;
font-size: 40px;
font-weight: 800;

  1. Стиль применяется, когда поле выходит из фокуса, и результат виден на приборной панели.


Для более глубокого изучения использования CSS в свойствах компонентов посетите раздел Применение CSS к компонентам.