border-left-width

Содержание

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

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

Значение по умолчаниюmedium
НаследуетсяНет
ПрименяетсяКо всем элементам

Синтаксис

border-left-width: <размер> | thin | medium | thick

Значения

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

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>border-left-width</title>
  <style>
   .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>

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

Использование свойства border-left-width

Рис. 1. Использование свойства border-left-width

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

Объект.style.borderLeftWidth

Примечание

Браузер Internet Explorer до версии 6.0 включительно при толщине границы 1px отображает dotted как dashed. При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed.

Internet Explorer до версии 7.0 включительно не поддерживает значения hidden.

Толщина границы при использовании ключевых слов thin, medium и thick в разных браузерах может несколько различаться.

Спецификация

СпецификацияСтатус
CSS Backgrounds and Borders Module Level 3Возможная рекомендация
CSS Level 2 (Revision 1)Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
4819.211
AndroidFirefox MobileOpera MobileSafari Mobile
1161




Рекомендую хостинг: beget.ru

Сервер падал:50 дн. 10:22 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru