<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>border-top-color</title>
<style>
h1 {
border-top-color: #ccc; /* Цвет линии сверху */
border-top-style: double; /* Стиль линии сверху */
border-top-width: 7px; /* Толщина линии сверху */
border-left-color: #ccc; /* Цвет линии слева */
border-left-style: solid; /* Стиль линии */
border-left-width: 2px; /* Толщина линии */
padding: 7px; /* Поля вокруг текста */
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</body>
</html>
Internet Explorer 6 не поддерживает значение transparent. Браузер Internet Explorer до версии 7.0 включительно не поддерживает inherit.
Цвет границы в разных браузерах может несколько различаться при использовании значений стиля groove, ridge, inset или outset.
Это интересно
В обработке и хранении данных Google нет равных: дата-центры этого гиганта интернет-индустрии разбросаны по всем свету, и практически все они соответствуют «зеленым» стандартам. Однако дата-центр, расположенный в финском городе Хамина на берегу Балтийского моря, заслуживает особого внимания. Часть серверов находится в здании бывшей бумажной фабрики, а вторая — в отреставрированном машинном зале, некогда спроектированном великим финским архитектором Алваром Аалто. Google потратила 350 миллионов долларов на покупку и реконструкцию этих зданий — это рекордная сумма, потому что строительство, например, уже упомянутого дата-центра Telefonica в Алькале обошлось в 200 миллионов. Для охлаждения здесь используются ледяные воды Финского залива — именно для этого понадобилось здание бумажной фабрики, ведь в производстве бумаги тоже используется огромное количество воды.