Учебник по HTML и CSS |
|
Свойства CSS CSS по категориям
|
border-right
Краткая информация
ОписаниеПараметр позволяет одновременно установить толщину, стиль и цвет правой границы элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному атрибуту. Синтаксисborder-right: border-width || border-style || color АргументыЗначение border-width определяет толщину рамки. Для управления видом рамки предоставляется восемь значений параметра border-style. Их названия и результат действия представлен на рис. 1. Рис.1. Стили рамок Первые два стиля — dotted и dashed поддерживаются браузером Internet Explorer с версии 5.5. Аргумент color устанавливает цвет рамки, значение может быть в любом допустимом для CSS формате. Пример <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>border-right</title> <style type="text/css"> DIV.line { border-left: 1px solid red; /* Линия слева от текста */ border-right: 1px solid red; /* Линия справа от текста */ padding: 0px 10px; /* Расстояние между линией и текстом */ margin: 0px 10%; /* Отступы от края до линии */ } </style> </head> <body> <div class="line"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </div> </body> </html> Результат данного примера показан ни рис. 2. Рис. 2. Применение border-right Объектная модель[window.]document.getElementById("elementID").style.borderRight |
При использовании материалов сайта ссылка на comnew.ru обязательна! |