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