HTMLImageElement: свойство border

Устаревшее свойство HTMLImageElement border определяет толщину границы вокруг изображения в пикселях. Значение 0, по умолчанию, означает, что граница не должна отображаться.

Вам не следует использовать это свойство! Вместо этого вы должны использовать CSS для стилизации границы. Используйте свойство border или его длинные формы, чтобы не только установить толщину границы, но и применить множество других стилей.

Ширина, в частности, управляется с учетом направления текста свойствами border-block-start-width, border-block-end-width, border-inline-start-width и border-inline-end-width.

По причинам совместимости (или другим) можно использовать более старые свойства вместо (или в дополнение к): border-top-width, border-right-width, border-bottom-width и border-left-width.

Строка, содержащая целое число, определяющее толщину границы вокруг изображения в пикселях CSS. Значение 0, или пустая строка, указывает, что граница не должна отображаться. Значение по умолчанию border равно 0.

При установке значения null, это значение null преобразуется в пустую строку (""), поэтому elt.border = null эквивалентно elt.border = "".

Не используйте border. Оно устарело. Вместо этого используйте CSS свойство border и его длинные формы для определения границ вокруг изображений.

Например, если у вас есть следующий HTML:

<img src="image.png" border="2" />

Следующее обеспечит такой же вид, но используя CSS вместо этого устаревшего свойства:

<img src="image.png" style="border: 2px;" />

Вы можете дополнительно указать цвет и другие характеристики границы:

<img src="image.png" style="border: dashed 2px #333388;" />