Как в CSS задать разную толщину границ для разных сторон элемента?

Для задания разной толщины границ для разных сторон элемента в CSS используется свойство border-width. www.seostop.ru webref.ru

Оно позволяет указать от одного до четырёх значений, которые определяют толщину границ. www.seostop.ru В зависимости от количества значений, будет разный результат: www.seostop.ru webref.ru

• 1 значение — одинаковая толщина рамок со всех сторон. www.seostop.ru webref.ru
• 2 значения — первое устанавливает толщину верхней и нижней рамок, второе — левой и правой. www.seostop.ru webref.ru
• 3 значения — первое задаёт толщину верхней рамки, второе — одновременно левой и правой, третье — нижней. www.seostop.ru webref.ru
• 4 значения — поочерёдно устанавливается толщина верхней, правой, нижней и левой границ. www.seostop.ru webref.ru

Задавать ширину можно как с помощью пикселей, процентов и других единиц длины CSS, так и зарезервированными словами thin (2px), medium (4px) и thick (6px). www.seostop.ru