Блог Vaden Pro

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

Свойство border-left

Дата:24.09.15 в 16:50
Справочник: 

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

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

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, которое управляет теми же параметрами, но только для всех сторон одновременно.

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

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

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

Значения записываются в определенно-строгом порядке: толщина, тип и цвет. Если очередность не соблюдать - свойство отрабатывать не будет. Толщина обычно указывается в пикселях, а цвета кодируются шестнадцатеричной системой исчисления (см. Название цветов). Ниже представлены всевозможные типы линий и их внешний вид.

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;
    padding: 15px; 
   }
   p {
    border-left: 2px solid #b8b8b8;
    padding:0px 5px;	
	width:300px;
   }
  </style>
 </head> 
 <body>
  <div class="border">
    <p>Текст, который будет заключен в специальную
 рамку для наглядности примера.</p>
   </div>
 </body>
</html>

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

border-left

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