Чтобы добиться оригинальности и четкости изображения, сделать его более контрастным на фоне страницы, тем самым визуально выделив графику, рекомендуется заключить изображение в цветную рамку. Для создания рамки вокруг изображения используют атрибут 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 | Задает величину от правого края. | Указывается величина в пикселях. |
Например:
<div align=»center»>
<img src=»lis.jpg» height=»250″ width=»300″ style=»border-style:solid;border-color:red;border-width:thick»>
</div>
Вот, так у нас получилось с фотографией:
Фотосъёмка Свадеб
|
Ведение бухгалтерского Бухгалтерский учёт
|
Сайт о еде. Основы питания
|
Сайт о еде. Основы питания
|
Подготовим документы Ознакомление дел в суде
|
Ведение бухгалтерского Бухгалтерский учёт
|