Оновлення браузерів та CSS версій
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Коротка інформація
| Значення за умовчанням | Залежить від використання |
|---|---|
| Наслідується | Ні |
| Застосовується | До всіх елементів |
| Посилання на специфікацію | http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties |
Опис
Властивість border-right дозволяє одночасно встановити товщину, стиль і колір правої межі елемента. Значення можуть йти у будь-якому порядку, розділяючись пробілом, браузер сам визначить, яке з них відповідає необхідній властивості.
Синтаксис
border-right: [border-width || border-style || border-color] | inherit
Значення
Значення border-width визначає товщину межі. Для управління її виглядом надається кілька значень властивості border-style. Їх назви та результат дії представлені на рис. 1.
border-color встановлює колір межі, значення може бути у будь-якому допустимому для CSS форматі.
inherit успадковує значення батька.
Об'єктна модель
[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.