модификации
melStyles
Telegram
Pinterest
Behance
Instagram
meloddy.
design
Главная
Модификации
melStyles
Notify me when available
Get notified when the product is available again
Notify me
It's totally free
Инструменты
Вкладка «Информация»
Детальные данные о выбранном элементе: размеры, позиция, классы, DOM-дерево.
Box Model
Визуальная диаграмма блочной модели:
Margin
— внешние отступы (все стороны)
Border
— рамка (толщина)
Padding
— внутренние отступы
Content
— размеры содержимого (width × height)
Общая информация
Tag; HTML тег (div, img, a) ID; Идентификатор элемента Class; CSS классы Width × Height; Размеры элемента Position; Тип позиционирования
Button
Layout Editor
Интерактивный редактор layout с поддержкой:
Display
— block, flex, grid, none...
Flex Editor
— direction, wrap, justify, align
Grid Editor
— визуальный выбор сетки 8×8
Position Editor
— static, relative, absolute, fixed, sticky
Image Info (для изображений)
URL; Путь к изображению Original Size; Оригинальные размеры Display Size; Отображаемые размеры Alt; Альтернативный текст Download; Кнопка скачивания
Button
Made on
Tilda
