Браузер | Internet Explorer | Netтscape | Опера | Safari | Mozilla Firefox | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Версия | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
CSS (ЦСС) | CSS (ЦСС)1 |
---|---|
Значение по умолчанию | Нет |
Наследуется | Нет |
Применяется | Ко всем элементам |
Аналог ШТМЛ | <img border > | <table border> |
Ссылка на спецификацию | http://www.w3.org/TR/CSS21/box.ШТМЛ#border-style-properties |
Устанавливает стиль границы справа от элемента.
border-right-style: стиль
Для управления видом рамки предоставляется восемь значений параметра border-right-style. Их названия и результат действия представлен на рис. 1.
Рис.1. Стили рамок
Пример
ШТМЛ 4.01CSS (ЦСС) 2.1IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>border-right-style</title>
<style type="text/CSS (ЦСС)">
DIV.line { border-right-color: #ef40b0; /* Цвет линии справа */
border-right-style: dotted; /* Стиль линии */
border-right-width: 3px; /* Толщина линии */
border-left-color: #ef40b0; /* Цвет линии слева */
border-left-style: dotted; /* Стиль линии */
border-left-width: 3px; /* Толщина линии */
padding: 0 10px; /* Расстояние между линией и контентом */
margin: 0 50px; /* Отступы справа и слева */
}
</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-style
[window.]document.getElementById("elementID").style.borderRightStyle
Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru
О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект