border-bottom-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	CSS1+
Значение по умолчанию	medium
Наследуется	Нет
Применяется	Ко всем элементам
Ссылка на спецификацию	открыть в новой вкладке

Описание

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

Синтаксис

border-bottom-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-bottom-width</title>

      <style type="text/css">

      H1 {

  border-color:#ccc;  /*Цвет границы*/

  border-style: double;  /*Стиль границы*/

  border-bottom-width: 7px;  /*Толщина линии внизу текста*/

  border-right-width: 7px;  /*Толщина линии справа от текста*/

  padding-left: 5px;  /*Отступ слева от текста*/

  }

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

     


    </body>

    </html>

Демонстрация примера

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

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

border-bottom-width

Категории

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

	Русский
	English