САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

border-top-color

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

Краткая информация

Значение по умолчанию Нет
Наследуется Нет
Применяется Ко всем элементам
Ссылка на спецификацию http://www.w3.org/TR/CSS21/box.html#border-color-properties

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Задает цвет границы сверху элемента.

Синтаксис

border-top-color: цвет | transparent | inherit

Значения

См. цвет

transparent
Устанавливает прозрачный цвет.
inherit
Наследует значение родителя.

Пример

HTML5CSS2.1IECrOpSaFx

<!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>

Результат данного примера показан на рис. 1.

Применение свойства border-top-color

Рис. 1. Применение свойства border-top-color

Объектная модель

[window.]document.getElementById("elementID").style.borderTopColor

Браузеры

Internet Explorer 6 не поддерживает значение transparent. Браузер Internet Explorer до версии 7.0 включительно не поддерживает inherit.

Цвет границы в разных браузерах может несколько различаться при использовании значений стиля groove, ridge, inset или outset.

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Это интересно

В обработке и хранении данных Google нет равных: дата-центры этого гиганта интернет-индустрии разбросаны по всем свету, и практически все они соответствуют «зеленым» стандартам. Однако дата-центр, расположенный в финском городе Хамина на берегу Балтийского моря, заслуживает особого внимания. Часть серверов находится в здании бывшей бумажной фабрики, а вторая — в отреставрированном машинном зале, некогда спроектированном великим финским архитектором Алваром Аалто. Google потратила 350 миллионов долларов на покупку и реконструкцию этих зданий — это рекордная сумма, потому что строительство, например, уже упомянутого дата-центра Telefonica в Алькале обошлось в 200 миллионов. Для охлаждения здесь используются ледяные воды Финского залива — именно для этого понадобилось здание бумажной фабрики, ведь в производстве бумаги тоже используется огромное количество воды.


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций