﻿# Apply styles in interfaces

> [HTML Version](apply-styles.html)

In BRIX, you can customize the appearance of forms, pages, and custom widgets in the interface designer using CSS. The following options are available:

- [Style editor](style-editor.md). A dedicated tool for creating CSS styles, built into the interface designer and available starting with version 2026.4. The style editor provides:

	- Code completion and error checking.

	- Style isolation. Styles are applied only to the current component and do not affect surrounding interface elements.

	- Style preview. You can preview your changes in the design canvas and verify the appearance of widgets before publishing.

- [Code widget](code_widget.md#configure-styles). A widget that you can add to the design canvas to write HTML code. CSS styles can be defined inside the **<style>** element. Because this widget is not designed specifically for CSS, it does not provide code completion, error checking, or style isolation.

- [HTML styles](common_widget_settings.md#system). An option in a widget's system settings that allows you to customize the appearance of an individual widget.