↑ Вернуться > Размещение графических изображений

Обрамление графического изображения

Чтобы добиться оригинальности и четкости изображения, сделать его более контрастным на фоне страницы, тем самым визуально выделив графику, рекомендуется заключить изображение в цветную рамку. Для создания рамки вокруг изображения используют атрибут border.

Определение значения данного атрибута, такие как толщина рамки, цвет и прочее, позволяют сформировать ее внешний вид. При этом надо следить за тем, чтобы рамка гармонировала с собственно с рисунком и остальными элементами Web страницы.
Свойства границ, задаваемые атрибутом style.

Свойство границ	Описание	Значение свойства
border-style	Задает стиль линии границ	Дополняется значениями none(нет границ), solid (узкая сплошная линия) и double (двойная линия).
border-color	Задает цвет границ элемента	Для значений используются названия цвета
border-width	Задает толщину линий границ элемента	Дополняется значениями undefined (произвольная) с указанием толщины в пикселях либо thin (тонкая) или thick(толстая).
border-top-width	Задает толщину верхней границы	Значение -medium (средняя) с указанием толщины в пикселях либо thin или thick.
border-bottom-width	Задает толщину нижней границы.	Значение -medium с указанием толщины в пикселях либо thin или thick.
border-left-width	Задает толщину левой границы	Medium с указанием толщины в пикселях либо thin или thick.
border-right-width	Задает толщину правой границы.	Medium с указанием толщины в пикселях либо thin или thick.
margin-top	Задает размер верхнего поля	Указывается величина в пикселях.
margin-bottom	Задает размер нижнего поля	Указывается величина в пикселях
margin-left	Задает размер левого поля	Указывается величина в пикселях
margin-right	Задает размер правого поля	Указывается величина в пикселях
padding-top	Задает величину пробела от верхнего края.	Указывается величина в пикселях
padding-bottom	Задает величину пробела от нижнего края.	Указывается величина в пикселях.
padding-left	Задает величину от левого края.	Указывается величина в пикселях.
padding-right	Задает величину от правого края.	Указывается величина в пикселях.