border-width

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

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

CSS (ЦСС)	CSS (ЦСС)1
Значение по умолчанию	medium
Наследуется	Нет
Применяется	Ко всем элементам
Аналог ШТМЛ	<img border > \| <table border>
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/box.ШТМЛ#border-width-properties

Описание

Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа аргументов.

Синтаксис

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

Аргументы

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

*Табл. 1. Зависимость результата использования атрибута от числа аргументов*
Число аргументов	Результат
1	Толщина рамки будет установлена для всех сторон элемента.
2	Первый аргумент устанавливает толщину верхней и нижней границы, второй аргумент — левой и правой.
3	Первый аргумент задает толщину верхней границы, второй — одновременно левой и правой стороны, а третий — нижней границы.
4	Поочередно устанавливается толщину верхней, правой, нижней и левой границы.

Пример

ШТМЛ 4.01CSS (ЦСС) 2.1IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <title>border-width</title>
  <style type="text/CSS (ЦСС)">
   P { 
    border-style: double; /* Стиль рамки вокруг параграфа */
    border-width: 3px 7px 7px 4px; /* Толщина границы */
    padding: 7px; /* Поля вокруг контента */
   }
  </style>
 </head>
 <body> 
  
  <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>

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

Рис. 1

Рис. 1. Применение параметра border-width

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

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