Border - новый способ придать оригинальности вашему дизайну

Свойство border в CSS позволяет задать рамку для элемента. Оно имеет четыре параметра: толщину (border-width), стиль (border-style), цвет (border-color) и радиус границы (border-radius).

Пример задания рамки для элемента:

.element {
  border: 2px solid #000;
  border-radius: 10px;
}

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

Можно также задавать каждый параметр отдельно, например:

.element {
  border-width: 1px;
  border-style: dotted;
  border-color: blue;
}

Здесь мы задаем толщину - 1 пиксель, стиль - пунктирный, цвет - синий.

Можно также задавать разные параметры для каждой стороны элемента, например:

.element {
  border-top: 1px solid red;
  border-right: 2px dashed green;
  border-bottom: 3px dotted blue;
  border-left: 4px double black;
}

Этот пример задает разные параметры для каждой стороны элемента (верхней, правой, нижней и левой), соответственно: толщину и стиль рамки, а также цвет.

Все параметры border можно комбинировать в различных комбинациях, чтобы создать нужный вид рамки для элемента.