Значение "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