Визуальный редактор веб-сайтов

Author
Анна Петрова
Senior UX Designer @ TechCorp

☛HTML и CSS ✎
★★★★☆
3.6 / 5 (91 оценок)



Список Вьиравнивание (Выравнивание) в области Положение (Расположение) содержит значения, которые определяют расположение изображения относительно текста, в частности:

♦ по умолчанию (по умолчанию) - будут применены стандартные параметры выравнивания;

♦ по левому краю (по левому краю) - изображение расположено в левой части страницы, текст обтекает его справа;

♦ по правому краю (по правому краю) - изображение расположено в правой части страницы, текст обтекает его слева;

♦ по верхнему краю (по верхнему краю) - обтекание нет, изображение расположено в тексте, соответствующую строку которого выровнен по верхней границе рисунка;

♦ по середине (по середине) - обтекание нет, изображение расположено в тексте, соответствующую строку которого выровнены по средней линии рисунка;

♦ по нижнему краю (по нижнему краю) - обтекание нет, изображение расположено в тексте, соответствующая строка которой выровнен по нижней границей рисунка.



Для выравнивания изображения с обтеканием его текстом можно также использовать элементы области Обтекание (Обтекание) и кнопки панели форматирования По левому краю (По левому краю) и По правому краю (По правому краю).

Кроме этого, в области Положение (Расположение) можно задать:

♦ Толщина границьи (Толщина границы) - толщину рамки вокруг изображения в пикселах;

♦ Интервал по горизонтали (Интервал по горизонтали) - расстояние (в пикселах) по горизонтали от изображения к тексту, что его окружает;

♦ Интервал по вертикали (Интервал по вертикали) - расстояние (в пикселах) по вертикали от изображения к тексту, что его окружает.

Поля Ширина (Ширина) и Вьисота (Высота) в области Размер (Раз-мер) предназначены для того, чтобы задавать размеры изображения в пикселях или в процентах от размера окна браузера. Не забудьте предварительно установить флажок По, иать размер (Задать размер). Используйте флажок Сохранять пропорции (Сохранять пропорции) для того, чтобы сохранить пропорции изображения. Изменять ширину и высоту рисунка можно также с помощью мыши аналогично тому, как это делают в текстовом процессоре Word.


Предыдущая   -    Страница: 6 из 17    -   Следующая

Навигация: 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю