К сожалению, свойство «inherit» не поддерживается в Internet Explorer 7 и более ранних версиях.
Свойство border позволяет одновременно задать ширину, стиль и цвет рамки элемента. Рамка – обычная линия, которая окружает элемент со всех сторон. Учтите, что при добавлении рамки она будет влиять на общий размер блока.
Значения разделяются пробелом и могут следовать в любом порядке – браузер сам определит, какое из них соответствует нужному свойству. Указывать все три значения не обязательно; можно опустить ширину и/или цвет, тогда будет использовано значение по умолчанию для border-width. Ниже приведена таблица с возможными значениями.
Примечание: чтобы установить рамки только на отдельных сторонах элемента, используйте свойства: border-top, border-right, border-bottom и border-left.
Совет: обычно при применении рамки добавляют padding. Он создает пустое пространство между рамкой и содержимым – текстом, изображениями и другими тегами. Если же рамка должна прилегать к содержимому (например, вокруг картинки), то padding можно не ставить.
| Значение по умолчанию: | не определено |
| Наследуется: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object.style.border="3px solid blue" |
Синтаксис и значения свойства
border: border-width || border-style || border-color | inherit;
| Значение | Описание |
| Указывает ширину рамки любой допустимой величиной (кроме процентов). |
| Определяет стиль рамки: solid, dotted, dashed, double, groove, ridge, inset, outset, hidden и none. Степень скрытия (hidden/none) означает отсутствие рамки. |
| Устанавливает цвет рамки – именем, шестнадцатеричным кодом или RGB. Выбор цвета можно сделать через color picker. |
| inherit | Значение наследуется от родительского элемента. |
Пример html head style type="text/css" p { border: 5px solid red; } /style /head body pЗдесь содержится какой-то текст./p /body /html