Обратите внимание: значение "inherit" не поддерживается в IE7 и более ранних версиях.

Свойство border - это мощный инструмент, позволяющий за один раз задать ширину, стиль и цвет рамки элемента. По сути, рамка представляет собой линию или границу, которая полностью окружает элемент со всех сторон. Однако важно помнить об одном нюансе: добавление рамки неизбежно влияет на итоговый размер элемента, так что планируйте размеры заранее!

Значения разделяются пробелом и могут идти в любом порядке - браузер умно сам разберется, какое из них соответствует нужному параметру. Указывать все три значения не обязательно: вы можете опустить ширину и/или цвет. В таком случае браузер возьмет значения по умолчанию для соответствующих свойств (например, если ширина не задана, будет использовано значение border-width по умолчанию). В таблице под синтаксисом четко указано, какие именно свойства можно использовать.

Примечание: Если вам нужно установить рамки только на определенных сторонах элемента, используйте следующие свойства: , , , .

Совет: Как правило, при использовании рамки обязательно стоит добавлять . Они создают полезное пустое пространство между рамкой и содержимым элемента (текстом, изображениями или другими тегами). Обычно рамка прилегает вплотную к контенту, что бывает уместно лишь в редких случаях, например, когда нужно аккуратно обрамить картинку.

Синтаксис и значения свойства

border: border-width || border-style || border-color | inherit;

 html head style type="text/css" p { border: 5px solid red; } /style /head body pЗдесь содержится какой-то текст./p /body /html