Свойство border

Справочник:

Свойство

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

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


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

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

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

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

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

dotted dashed solid double groove ridge inset outset

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

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

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

Тип CSS свойства:

Границы