мои проекты
модификации
melStyles
Telegram
Pinterest
Behance
Instagram
meloddy.
design
Главная
Модификации
melStyles
Мои проекты
Инструменты
Вкладка «Информация»
Детальные данные о выбранном элементе: размеры, позиция, классы, 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
