| Главная » Все материалы сайта » Справочник CSS-3 » Границы |
border-left-width
Краткая информация
Версии CSS
ОписаниеУстанавливает ширину для левой границы элемента. Значения ширины могут быть установленны как числовые, с положительным значением, так и в виде собственных значений равных 2 4 и 6 пикселя. Поэтому, если Ваше значение входит в параметры именного значения, то устанавливайте значение с именем. Например, не 2px, а thin. Свойство применимо ко всем элементам, создано в версии CSS1, но проходит валидацию согласно версии CSS3. Синтаксис border-left-width: значение | thin | medium | thick | inherit
ЗначенияТри переменные — thin (2 пиксела), medium (4 пиксела) и thick (6 пикселов) задают толщину границы слева. Для более точного значения, толщину можно указывать в пикселах или других единицах. inherit наследует значение родителя. Дополнительные значения border-left-width в табличном виде
Пример применения свойства<!DOCTYPE html>
<html lang="ru"> <head> <title>Свойство border-left-width</title> <style type="text/css"> <!-- #color { border-left-width:40px; border-left-style:dashed; border-left-color:#0ba1d5; -moz-border-left-colors:#0ba1d5; background:grey; padding:40px; color:white; font-size:20px; } --> </style> </head> <body> <div id="color">Ширина левой границы 40px</div> </body> </html> Пример в действииОбъектная модель [window.]document.getElementById("elementID").style.borderLeftWidth
БраузерыБраузер Internet Explorer до шестой версии включительно при толщине границы 1px отображает dotted как dashed. При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed. Internet Explorer до версии 7.0 включительно не поддерживает значения hidden и inherit. Толщина границы при использовании ключевых слов thin, medium и thick в разных браузерах может несколько различаться. Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/ | |||||||||||||||||||||||||||||||||||||||||||||
Поделись ссылкой на эту страницу с друзьями:
| |||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 488 | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||
