Русский
Русский
English
Свойства CSS
Статистика
Реклама

border-left-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-left-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-left-width</title>
<style type="text/css">
DIV.line {
border-left-color: red; /*Цвет линии слева*/
border-left-style: double; /*Стиль линии*/
border-left-width: thick; /*Толщина линии*/
padding-left: 10px; /*Расстояние между линией и текстом*/
}
</style>
</head>
<body>
<div class="line">
 <h3>Обратите внимание!</h3>
 <p> В наши расчеты не входит задача взорвать весь город, поэтому
  будьте аккуратнее, когда начнете пересыпать ядерное топливо из
  мешка. Чтобы не загрязнить комнату, не забудьте положить
  на пол газету.</p>
</div>
</body>
</html>
Демонстрация примера
Объектная модель
[window.]document.getElementById("elementID").style.borderLeftWidth
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

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

© 2006-2024, heroes-3.ru