Главный модуль для редактирования CSS свойств выбранного элемента. Все изменения применяются мгновенно.
Описание
Вкладка «Стили» — это сердце melStyles. Здесь вы найдёте более 60 CSS свойств, разбитых по категориям. Каждое свойство имеет визуальный редактор, который позволяет менять значения без написания кода.
Как работать
Выберите элемент на странице Tilda
Откройте вкладку «Стили»
Раскройте нужную категорию свойств
Измените значения через визуальные редакторы
Скопируйте готовый CSS через кнопку в футере
Layout (Flexbox/Grid)
Свойства для управления расположением элементов.
Свойство;Описание;Пример
display;Тип отображения элемента;flex, grid, block
gap; Промежуток между flex/grid элементами; 20px, 1rem
justify-content; Выравнивание по главной оси; center, space-between
align-items; Выравнивание по поперечной оси; center, stretch
flex-direction;Направление flex-осей; row, column
flex-wrap; Перенос flex-элементов; wrap, nowrap
grid-template-columns; Шаблон колонок Grid; 1fr 2fr, repeat(3, 1fr)
margin; Внешние отступы (все стороны); 20px, 10px 20px
margin-top/right/bottom/left; Отступ с конкретной стороны; 10px, auto
padding; Внутренние отступы (все стороны); 15px 30px
padding-top/right/bottom/left; Поля с конкретной стороны; 20px