логотип сайта    
UA
    12:16
создание и продвижение сайтов   Днепропетровск•0505776672•0676336933
 
Основное меню
Главная
Сайт под ключ
Варианты создания сайтов
Схемы разработки
Цены
Оплата
Пример моей работы
Контакты
 

CSS: border-top-color

Описание

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

Синтаксис

border-top-color: цвет

Аргументы

Значение цвета можно задавать тремя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.

3. С помощью RGB

Можно определить цвет используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Также можно задавать цвет в процентном отношении.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>border-top-color</title>
<style type="text/css">
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>

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

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

Вернуться назад

 
 
Другие разделы
О создании ресурсов
О продвижении ресурсов
Форма заказа
Корпоративный сайт
Написание статей
Эксклюзив
Изготовление баннеров
Статьи по теме
Книги по теме
Книга жалоб
Партнёрские сайты
Рекламный ролик
 
© Vlad49. All right reserved. 2008-2015. При использовании материалов с сайта - прямая ссылка на сайт обязательна.