Характеристики свойства
В каких браузерах работает?
8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких версиях CSS используется?
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
+ | + | + | + |
Для чего используется?
Позволяет контролировать толщину линии, которая выступает правой границей элемента. В свойстве можно указать только величину толщины, чтобы указать остальные характеристики отображения границы одновременно, необходимо обратиться к функциям свойства border-right. Стоит отметить, что редко обращаются к свойству, которое контролирует только один параметр. Это объясняется тем, что каждый верстальщик борется за короткий, но эффективный код. Это считается признаком грамотной верстки.
Как правильно задавать?
border-right-width: толщина линии;
Какие могут быть значения?
- thin - 2-ух пиксельная рамка.
- medium - 4-ех пиксельная рамка.
- thick - 6-ти пиксельная рамка.
- inherit - повторяет толщину рамки родительского элемента.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство border-right-width</title> <style> .border { border: 4px double #b8b8b8; background: #b04d4d; color:#eee; text-align:right; padding: 15px; height:80px; } p { border-right-color: #b8b8b8; border-right-width: 2px; border-right-style:solid; padding:0px 5px; width:300px; float:right; } </style> </head> <body> <div class="border"> <p>Текст, который будет заключен в специальную рамку для наглядности примера.</p> </div> </body> </html>
По итогу получаем
Тип CSS свойства:
Границы