Bitrix Framework

Style names are important elements when customizing a stylesheet. Style names can be added directly into the .styles.php file. This file located in the site template folder and has the following format:

<?
$arStyles = Array(
 	 "information-block-head" => "Information block header",
	 "content-block-head" => "Header with padding",
	 "information-block-body" => "Information block element text",
	 "tablehead" => "Table - header",
	 "tablebody" => "Table - body",
);
return $arStyles;
?>

Additionally, the style names can be added in the template edit form at the Site styles tab. In this case, the .styles.php file is created automatically.

Style names will be displayed in the drop-down list in the visual editor.

If the Permit the display of styles without names in the HTML visual editor option is selected the Visual editor tab in the module Structure configuration settings form, then all available styles for the page will be presented in the list, including those styles, for which the names are not specified. The name, defined when creating the style: information-block, content-block and etc. will be used to designate the style with unspecified name.

Also, the styles, applicable to specific html-elements of the page (for examples, table borders, cells, images and etc.) can be created in the stylesheet. When selecting such elements, the list will show the styles available for them.