Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство border-right

Дата:24.09.15 в 17:24
Справочник: 

Характеристики свойства

В каких браузерах работает?

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-top, border-bottom или border-left, в зависимости от того, с какой стороны должна устанавливаться граница.

Как правильно задавать?

border-right: параметры рамки;

Какие могут быть значения?

Возможно управлять тремя параметрами для границы. Первый - толщина линии, указывается в пикселях. Потом обычно прописывают тип линии, это может быть и сплошная, пунктирная, точечная или объемная линия. Еще можно определить цвет линии, используя кодировка цветов. Ниже указаны все возможные типы линий для границы

dotted dashed solid double groove ridge inset outset

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство border-left</title>
  <style>
   .border {
    border: 4px double #b8b8b8;
    background: #b04d4d; 
	color:#eee;
	text-align:right;
    padding: 15px; 
	height:80px;
   }
   p {
    border-right: 2px solid #b8b8b8;
    padding:0px 5px;	
	width:300px;
	float:right;
   }
  </style>
 </head> 
 <body>
  <div class="border">
    <p>Текст, который будет заключен в специальную
 рамку для наглядности примера.</p>
   </div>
 </body>
</html>

По итогу получаем

border-right

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: