Главная » Все материалы сайта » Справочник CSS-3 » Границы |
border-right-width
Краткая информация
Версии CSS
ОписаниеСвойство border-right-width устанавливает ширину для правой границы элемента. Значения ширины могут быть установленны как числовые,с положительным значением, так и в виде собственных значений равных 2 4 и 6 пикселя. Поэтому если Ваше значение входит в параметры именного значения, то устанавливайте значение с именем, например не 2px, а thin. Свойство применимо ко всем элементам, создано в версии CSS1, но проходит валидацию согласно версии CSS3. Синтаксис border-right-width: значение | thin | medium | thick | inherit
Дополнительные значения border-right-width
Пример применения свойства<!DOCTYPE html>
<html lang="ru"> <head> <title>Свойство border-right-width</title> <style type="text/css"> <!-- #color { border-right-width:40px; border-right-style:double; border-right-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.borderRightWidth
БраузерыБраузер 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/ | |||||||||||||||||||||||||||||||||||||||||||||
Поделись ссылкой на эту страницу с друзьями:
| |||||||||||||||||||||||||||||||||||||||||||||
Категория: Границы | Добавил: evkuriy (05.07.2013) | |||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 495 | Рейтинг: 0.0/0 |