Очередное дополнение в
В своё время уже описывал, как загрузить картинку в расширенном редакторе, когда писал про то,
как создать сообщение с большим количеством картинок?.
Сегодня расскажу о свойствах картинки, которые можно менять в расширенном редакторе.
После загрузки картинки в этом окне можно изменить её свойства:
Расскажу о каждом свойстве снизу вверх.
«
Альтернативный текст»
Текст записанный здесь будет добавлен в код изображения в атрибут «alt». Например, для нашей картинки «alt="квадратик"».
«
Ширина» и «
Высота»
Здесь можно задать отображаемую ширину и высоту картинки. Если хотите, чтобы пропорции изображения изменялись, нажмите на замок (
) . Он "откроется" (
). И тогда ширина не будет меняться в зависимости от высоты (и наоборот). Если хотите вернуть первоначальные значение ширины и высоты, нажмите на "кружок" (
)
«
Бордюр»
«
Горизонтальный отступ»
«
Вертикальный отступ»
Не вижу смысла описывать эти свойства. Они не работают.
«
Выравнивание»
Возможны следующие варианты:
Они меняют значение атрибута «align»
Расшифрую:
"
По левому краю": align="left" - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
"
Абс понизу": align="absBottom" – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
"
Абс посредине": align="absMiddle" – выравнивает центр текущей текстовой строки с центром изображения
"
По базовой линии": align="baseline" – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
"
Понизу": align="bottom" – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
"
Посередине": align="middle" – выравнивает базовую линию текущей текстовой строки с центром изображения .
"
По правому краю": align="right" - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
"
Текст наверх": align="textTop" - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
"
По верху": align="top" - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
Прочитать про эти и другие значения атрибута «align» с наглядными примерами можно тут: «
Как размешать текст и картинки в одной строке?»
LI 5.09.15