border-right-style

Internet Explorer

Google Chrome

Opera

Safari

Firefox

6.07.08.0 2.03.04.0 9.29.610 2.03.14.0 2.03.03.6
                   
CSS 1CSS 2CSS 2.1CSS 3
    

Описание CSS свойства:

Устанавливает стиль границы справа от элемента.

Краткая информация:
Значение по умолчанию: Нет
Наследуется:Нет
Применяется: Ко всем элементам
Ссылка на спецификацию: спецификацию http://www.w3.org/TR/CSS21/box.html#border-style-properties

Синтаксис CSS свойства:

border-right-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit

Значения CSS свойства:

none - Линия не отображается и значение ее толщины обнуляется.

hidden - Имеет тот же эффект, что и none за исключением применения border-right-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае правая граница в ячейке не будет отображаться вообще.

dotted - Линия состоящая из набора точек.

dashed - Пунктирная линия, состоящая из серии коротких отрезков.

solid - Сплошная линия.

double - Двойная линия.

groove - Создает эффект вдавленной линии.

ridge - Создает эффект рельефной линии.

inset - Псевдотрехмерная линия.

outset - Псевдотрехмерная линия.

inherit - Наследует значение родителя.

Вид указанных стилей представлен на рисунке ниже:

Стили рамок


Объектная модель CSS свойства:

[window.]document.getElementById("elementID").style.borderRightStyle

Особенности отображения в браузерах:

Браузер Internet Explorer до шестой версии включительно при толщине границы 1px отображает dotted как dashed. При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed.

Internet Explorer до версии 7.0 включительно не поддерживает значения hidden и inherit.

Стиль границы в разных браузерах может несколько различаться при использовании значений groove, ridge, inset или outset.


Баннер SGU.RU