border-top-width

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

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

CSS	CSS2+
Значение по умолчанию	medium
Наследуется	Нет
Применяется	Ко всем элементам
Ссылка на спецификацию	открыть в новой вкладке

Описание

Устанавливает толщину границы сверху элемента.

Синтаксис

border-top-width: значение | thin | medium | thick | inherit

Аргументы

Три переменные — thin (2 пиксела), medium (4 пиксела) и thick (6 пикселов) задают толщину границы слева. Для более точного значения, толщину можно указывать в пикселах или других единицах. inherit наследует значение родителя.

Пример

<!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-width</title>

      <style type="text/css">

      H1 {

  border-top-color: green;  /*Цвет линии сверху*/

  border-top-style: double;  /*Стиль линии сверху*/

  border-top-width: 7px;  /*Толщина линии сверху*/

  border-right-color: green;  /*Цвет линии слева*/

  border-right-style: double;  /*Стиль линии*/

  border-right-width: 5px;  /*Толщина линии*/

  padding: 7px;/*Поля вокруг текста*/

  color: #f9b61c;/*Цвет текста*/

  }

  </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.borderTopWidth

border-top-width

Категории

Последние комментарии

	Русский
	English