# Способы настройки стилей для интерфейса

> [HTML Version](apply-styles.html)

В ELMA365 можно настроить внешний вид форм, страниц и пользовательских виджетов в дизайнере интерфейсов с помощью языка CSS. Для этого доступны:

- [редактор стилей](style-editor.md) — специальный инструмент для настройки CSS‑стилей, встроенный в дизайнер интерфейсов и доступный с версии системы 2026.4. Особенности редактора:

	- автодополнение кода и проверки на ошибки;

	- изоляция стилей — изменения применяются только в рамках текущего компонента и не влияют на окружающие элементы интерфейса;

	- отладка стилей — можно увидеть результат на поле для моделирования и проверить внешний вид виджетов до публикации;

- [виджет Код](code_widget.md#configure-styles) — виджет, который можно добавить на форму для моделирования и написать в нём HTML‑код. CSS‑стили настраиваются в нём с помощью элемента **<style>**. Этот инструмент не предназначен специально для языка CSS, поэтому при написании кода недоступно автодополнение и проверка на ошибки, а также не изолированы стили;

- [HTML стили](common_widget_settings.md#system) — опция в системных настройках виджета, которая позволяет индивидуально задать параметры его отображения.